Liveblocks
p/liveblocks
Ready-made collaborative features to drop into your product
Steven Fabre
Liveblocks Starter Kit — Kickstart your Next.js collaborative application
Featured
116
The Liveblocks Starter Kit for Next.js helps you kickstart your real-time collaborative app in minutes. Real-time collaborative editor, private drafts, browse and share documents, + more! → liveblocks.io/starter-kit
Replies
Steven Fabre
Hi everyone, We’re excited to launch the Liveblocks Starter Kit to help developers kickstart their Next.js collaborative apps in minutes. With the Starter Kit, you can finally stop wasting weeks rebuilding table-stakes collaborative features—enabling you to focus on your core product: - A workspace to browse and organize documents—including groups and private drafts - The foundation of a customizable Figma-like real-time collaborative editor - A share dialog with groups and user read/write permissions - Real-time updates throughout the app—so your users won’t ever need to refresh again The Liveblocks Starter Kit is built with the best tools the web ecosystem has to offer: TypeScript, Next.js, NextAuth, Radix, Node, CSS, and SWR. It’s also built with flexibility and customization in mind so that you can easily make it look and feel like your product, not an afterthought. My co-founder and I have experienced first-hand how difficult and time-consuming building a real-time collaborative product can be, that’s why we created Liveblocks almost 2 years ago. The Starter Kit is the tool we wish we always had, so we hope you’ll like it! And of course, AMA! The Liveblocks team and I will be around all day to answer questions 🙂
Julie Chabin
Congratulations on this new launch @stevenfabre ! 🎉 Honestly, you guys are great at creating developer products with a "designer vibe" if you know what I mean. You took so much care in the UI, and the experience looks smooth, even the video demo is 👌
Steven Fabre
@syswarren Thank you Julie, much appreciated! Big kudos to @bouchenoiremarc and @pierrellev for their awesome design skills.
Vincent Driessen
Can't stress enough what a game-changer this is for those who want to start working on their own collaborative app idea. Click, deploy, and start tweaking it to your needs! Makes you productive in minutes 💪 Ideal for your next hackathon, too.
Steven Fabre
@nvie I can't wait what people do with this during hackathons!
Adrien Gaudon
@nvie @stevenfabre haha agreed, this should actually be called the Hackathon Kit. 10 years ago with that product, in the small software company in Toulouse I was working at, I would have won all my hackathons 😂
Ed Sim
Don't be fooled by how beautiful and easy it is to add real time collaboration - there is so much beneath the hood it just feels like magic. If you're looking to build the next Notion, Airtable, Figma, start here!
Steven Fabre
@edsim true! Thanks Ed
Adrien Gaudon
@edsim "Liveblocks, fooling people on how easy it is to implement real-time collaboration since 2021" 🤣 We’re happy to make it look easy for our customers and users
flo merian
May the next Slack, Notion, and Figma be built with Liveblocks? This Starter Kit is one step forward in that direction — Keep it up, ?makers 👏👏 P.S. If you enjoy pixel perfection, you *must* read this thread by @stevenfabre 💎
Steven Fabre
@fmerian Thanks Flo! Glad you enjoyed the little big details thread about the new website too :)
Rhai
So useful!
Chris
@rhaivimies Thanks for the support Rhai! :)
Steven Fabre
@rhaivimies thanks Thai
Sia Houchangnia
Making the complex simple! amazing work @stevenfabre @gllm_slls and team.
Steven Fabre
@gllm_slls @siahouchangnia Thanks for the support Sia!
Chris
@stevenfabre @gllm_slls @siahouchangnia Appreciate it, thank you!
Séraphin Hochart
Can't wait to use it! Unlocks so many ideas.
Steven Fabre
@nsphin Can't wait to see how you go with it
Benjamin Garvey
Looks great, congrats on the launch!
Steven Fabre
@bengarvey cheers!
Pierre Le Vaillant
This is a game-changer! 🤯
Steven Fabre
@pierrellev Can't wait to see you update your football app with this :)
Daniel Noskin
Steven and team are insanely talented and have focused on such a great problem to solve! The docs are super clear and got me up and running in minutes. @stevenfabre congrats on an epic launch!!
Adrien Gaudon
@stevenfabre @dnosk Thank you, Daniel for the kind words; really appreciated! What is it you’re trying to build? Shimmer sounds very mysterious. Wanna share more with us?
Steven Fabre
@dnosk Thanks Dan, miss working with you
hpadhu
Amazing @stevenfabre ! Congrats team 🎉 So thrilled to see this out in the world!
Steven Fabre
@hemapadhu thanks for the support Hema
Andrey Vinitsky
Liveblocks makes it super easy to add a collaborative layer to your product. Super handy for any maker trying to build and scale their product.
Steven Fabre
@andreyv Thanks Andrey!
Guillaume Salles
So excited about releasing our Starter Kit! You get all the table-stakes features of a collaborative app with a single command line, so you can focus on building the core of your product. Congrats, @ctnicholas and @stevenfabre on the launch!
Chris
@stevenfabre @gllm_slls Thank you Guillaume! :)
Steven Fabre
@ctnicholas @gllm_slls Let's go team!
Adrien Gaudon
@ctnicholas @stevenfabre @gllm_slls Thank you Guillaume! We couldn't have done that without a lot of things you built before haha
Iliya Valchanov
Looks very promising!
Steven Fabre
@iliya_valchanov Thanks Iliya, let us know if we can help with anything!
Scott Hanford
This is amazing. Building this yourself (and a performant version at that) is such a monumental feat. Makes a ton of sense as live collaboration almost feels like tables stakes these days. Great work!
Adrien Gaudon
@scott_hanford Agreed, collaboration should be a commodity. Please don't make me download a file to work with you, let me see what you're doing so that I don't waste time doing the same thing
Baptiste N
Sounds really smart. This could be a HUGE time saver to many developers and builders out there. Congrats with this product and this launch. Wish you the best in 2023!
Steven Fabre
@baptiste_ncls Thanks Baptiste. I really wish this was a thing when I worked on previous products :) All the best to you too!
Steven Tey
This is incredible! Congratulations on shipping this – the amount of thought and quality that went into this starter kit is truly impressive!
Chris
@steventey Thanks for all your support Steven! ♥
Steven Fabre
@steventey Thank you Steven
Adrien Gaudon
I used to be a .NET developer, but I changed career six years ago, moving into Product Management. Forgetting everything about dev... A few months back, I decided to build a product to help me (and other actors) memorize their lines. I wanted my MVP to support basic features... and also collaboration. Being a beginner, it took me three months to get to an MVP... full of bugs... It was a nightmare for me, honestly. That’s basically when Liveblocks gave me access to the Starter Kit. It took me a few seconds to install it and then a few hours to port my code. In less than two days, I had a fully functional app, and I could focus on cool features to help actors memorize their lines. What an incredible feeling for a beginner! Not only did it fast-tracked my development, but it also helped me understand some fundamental concepts of React, Server Side Rendering, API management, and CSS... If you’re an expert, don’t waste time building rebuilding table-stakes collaborative features. If you’re a beginner, follow the README and see how things are built. @ctnicholas did a fantastic job here! By starting with something that works, you’ll learn so much faster! PS: I had early access to the Starter Kit because I work there 😉 PPS: If you’re curious about my very early app, here’s LineCoach: https://github.com/adigau/line-c...
Chris
@adrien_gaudon Thank you for such a positive review, love that the starter kit has helping with an app already!
Ron Fybish
Great job 👏
Steven Fabre
@ron_fybish1 thank you Ron!