Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Deco.cx – realtime TypeScript web editor

deco.cx

Post reply on HN
Print view View original

1–10 of 35 posts

Show HN: Deco.cx – realtime TypeScript web editor

#1

Post by lucis »

Hi, HN. Gui, Lucis, and the deco.cx team here — we're a bunch of Brazilians building an open-source, all-in-one web editor for the modern TypeScript dev. Check out our GitHub at https://github.com/deco-cx/deco and discover more at our site https://deco.cx/.

We built frontend tools at a hyper-growth e-commerce platform for 9 years. Deco.cx is the thing that we wish existed when we were managing hundreds of enterprise-grade React-based websites.

The gist is: JSX, HTMX, TypeScript, Tailwind and Deno. All visually editable in a beautiful, collaborative, REALTIME (!) admin UI. Great for devs, great for content.

In essence, we're a git-based TypeScript-first configuration management system. We take TypeScript code that represents your site, your entities, your UI, and we allow anyone to "save" configuration and content based on those types.

It's great for developers, because you can code directly on the web, or on your machine, and get instant feedback. You "export interface Props" and boom, an automatic form is generated. It's great for the business users, the content editors, because you just press "." (dot) in your keyboard and you go into a visual edit mode for the page you're at right now. Everything the developer exported in TypeScript is editable.

And when you hit "publish", it's already live, with a proper CDN, proper caching, everything already setup and just working. Ready to scale!

But you can't fly blind. We're democratizing pro-level tools for web analytics and observability by bundling in our Pro plan: fully-managed Plausible analytics and HyperDX observability. Check them out — these are great tools on their own, and they shine in the deco.cx platform bundle.

We don't want to be the only answer, we don't claim to be right about anything, we just want to make the friendly and accessible open-source tool that we wish existed when we were junior developers. If you want to participate, please join our discord community at https://deco.cx/discord

on open-source: our admin UI core is not ready for prime time, we're working to open-source it this year. but basically everything else, our integrations, templates and configuration management runtime are all open-source already! take a look at these: https://github.com/deco-cx/deco https://github.com/deco-cx/apps https://github.com/deco-sites/storefront Making the admin UI core extensible and open source is a MAIN OBJECTIVE for this year, so expect news here soon!

Thanks for your support!

Show HN: Deco.cx – realtime TypeScript web editor
deco.cx

Re: Show HN: Deco.cx – realtime TypeScript web editor

#2

Post by p2hari »

oh man, are you folks for real!!! I just checked out the website, git and discord channels (I just joined in) and you are awesome. Open source core and so much more work on git. Bringing partytown to deno etc. etc. I don't see what you have planned on the pipeline, but integrating with other cms out there would be even more cool. Importing content from other cms etc. Great work and wishing you all success and will be using you more in my projects :)

Re: Show HN: Deco.cx – realtime TypeScript web editor

#3

Post by rafaelgcrespo »

p2hari wrote: post #2

oh man, are you folks for real!!! I just checked out the website, git and discord channels (I just joined in) and you are awesome. Open source core and so much more work on git. Bringing partytown to deno etc. etc. I don't see what you have planned on the pipeline, but integrating with other cms out there would be even more cool. Importing content from other cms etc. Great work and wishing you all success and will be…

hey! deco.cx co-founder here :) super glad that you liked it. Yes, we are planning a way to import content from WordPress and other CMS - probably later this year. Right now we are focused on improving the open-source dev experience, and launching deco hub, a better way for the community to build, install and share templates and apps :)

Re: Show HN: Deco.cx – realtime TypeScript web editor

#4

Post by lucis »

p2hari wrote: post #2

oh man, are you folks for real!!! I just checked out the website, git and discord channels (I just joined in) and you are awesome. Open source core and so much more work on git. Bringing partytown to deno etc. etc. I don't see what you have planned on the pipeline, but integrating with other cms out there would be even more cool. Importing content from other cms etc. Great work and wishing you all success and will be…

thanks @p2hari!

the fact that we're open-source makes it easy to create new integrations as well. you can take a look at https://github.com/deco-cx/apps to see how it works.

it's high priority for us to make this even easier and also to incentivize our community to create apps for most CMSes and APIs

Re: Show HN: Deco.cx – realtime TypeScript web editor

#5

Post by gadr90 »

p2hari wrote: post #2

oh man, are you folks for real!!! I just checked out the website, git and discord channels (I just joined in) and you are awesome. Open source core and so much more work on git. Bringing partytown to deno etc. etc. I don't see what you have planned on the pipeline, but integrating with other cms out there would be even more cool. Importing content from other cms etc. Great work and wishing you all success and will be…

It's easy to code a loader to get data from any CMS! But we definitely intend to have proper Apps on deco.hub for every major CMS. At the end of the day, we want to satisfy your CMS needs without needing an external API. We're just getting started, would love your feedback on our discord!

Re: Show HN: Deco.cx – realtime TypeScript web editor

#7

Post by elliotbnvl »

> Deco.cx is the frontend platform that bridges the gap between basic no-code site builders and complex full-code setups

Is it possible to edit a site in both no-code editor and a full-code editor? Once you edit in the full-code editor, is it possible to continue editing in the no-code editor? Are changes from the full-code editor preserved in this case?

The biggest challenge I have found in integrating no-code and full-code lies in preserving changes made in full-code mode when updates are made in no-code mode.

Something something scroll hijacking.

Also, would love to be able to pause the auto-scroll banner highlighting the various features ("Section Library", "No Code Editor", "Full Code Editor", etc.)

Site looks awesome and modern, good stuff! In another life I would be very excited about this platform.

Re: Show HN: Deco.cx – realtime TypeScript web editor

#9

Post by gadr90 »

orphea wrote: post #8

The page has extremely poor performance. Simply scrolling or moving the mouse cursor around loads Ryzen 7900 to 30% (it's a 12-core CPU!) Everything stutters.

Hi Orphea! Guilty as charged we kinda rushed this landing page for our TechCrunch announcement and haven't been able to come back to optimize it. I haven't heard of stuttering before now, but maybe something quirky is happening with your combination of browser/OS/CPU. If you could let us know which browser and OS you're on, we'd be very grateful! Thanks in advance!

Re: Show HN: Deco.cx – realtime TypeScript web editor

#10

Post by gadr90 »

elliotbnvl wrote: post #7

> Deco.cx is the frontend platform that bridges the gap between basic no-code site builders and complex full-code setups Is it possible to edit a site in both no-code editor and a full-code editor? Once you edit in the full-code editor, is it possible to continue editing in the no-code editor? Are changes from the full-code editor preserved in this case? The biggest challenge I have found in integrating no-code and f…

> Something something scroll hijacking.

I know, right? I'm also not super proud of that portion of the landing, lol!

> The biggest challenge I have found in integrating no-code and full-code lies in preserving changes made in full-code mode when updates are made in no-code mode.

God, YES! We've been working in this problem in one way or another for at least 10 years, and we also failed many times in solving that conciliation. We _think_ we have reached a good tradeoff now: _everything is on git_. So when you're using our web editor, you are basically using a "remote computer" (actually a Cloudflare Durable) to edit your files, just as if you cloned it on your local machine. When you're happy with changes, you "publish" it - which generates a commit for you. This way we can have developers and content creators happy, both sharing the same history.

> Site looks awesome and modern, good stuff! In another life I would be very excited about this platform.

Thank you! It's been a crazy one and a half year building this and we're now a team of 30 people all over Brazil. We thank you for the recognition!

Post reply on HN