Hey folks, I'm Chris, one of the authors of the post! It was a joy to write up this post, and write about the problems we've faced and fixed through the years, in our native LiveList implementation. Let me know if you have any questions.
Hey all, we've just open sourced our sync engine and dev server, and we're very excited to share this. We're planning on open sourcing more of our platform as time goes on, and this is the first stage.
You can start your dev server in your Liveblocks app with the following command:
$ npx liveblocks dev
The team and I will be keeping an eye out for any questions you have!
I work at Liveblocks—yes! Our founders were inspired by Figma and wanted to make it possible for others to build apps like this more easily. We provide our own sync engine, Storage, which is aimed at this use case.
You might have missed this quote near the top—it recommends Tiptap for most uses.
> If you’re here for a quick recommendation, we think the most well-rounded choice is Tiptap because it strikes a balance between being a feature-rich editor without being overly opinionated.
If you disable JavaScript in your browser and load my blog, you'll find the entire site works apart from the interactive components in the article! That's the only part that uses client-side JS.
You've been hilariously accurate here—I was actually a WordPress dev for years, and now I don't mention it because I'm not interested in those jobs. Haven't even told any of my colleagues!
Right, the most important thing is getting your posts out there! I say do what works best for you, we all have knowledge and experience in different areas, and there isn't a single solution for everyone.
I always enjoy playing with new tech, and HTMX looks fun, though I wouldn't use it for anything serious. If you're looking for something fun and simple, I'd 100% recommend using Svelte on Astro, they're both a joy to use.
I built this with Next.js to learn, because I use it at work, and need to stay 100% up to date when I'm educating others. It also just has such a huge ecosystem which is hard to match.
Tailwind's Catalyst UI kit only supports React, so it wouldn't work I'm afraid!
To make it fill the page, you need to make sure it's placed inside an element (with relative positioning) that's height comes from its content. Then give the noise absolute positioning.
The noise still overlays the text, it's just not really visible because of the contrast between text and background.
I've just deployed a change to the noise as I saw a screenshot from another user and it looked like an iPhone bug! The noise shouldn't even be noticeable.