Boilerplate code for common solutions [React, Next JS]
hi,
Started to learn coding a while ago, went through most of front-end, HTML, CSS, SCSS, common JS syntax and moved on to learning React and Next JS.
I have a question - is there any place what teaches you how to build common solutions, like a page with a subscribe form, or a simple feed where users can register and post, or a single product page with a Stripe API linked?
Interested if there is something I missed. I can find solutions to all of those, but it requires searching in multiple places and/or is above my current skillset.
thanks 😘
Trending on Indie Hackers
Check out Divjoy (disclaimer: my product). It's a React codebase generator that lets you pick all the options you need and then export a codebase. It support Next.js, Firebase, Stripe, etc. I have a lot of customers who purchase it just to learn what a good setup looks like.
I am building Rocket , a boilerplate for building production ready SaaS apps using Node.js, React and MongoDB. It comes with features including authentication, user management and subscriptions. I am offering the boilerplate at $65. Let me know if you're interested!
Hi
I am running a Databunker project - it is open-source secure storage for personal data.
I created a number of Node.js examples.
You might find them useful: https://databunker.org/doc/start/
I had the same issue and I decided to create Supercharge.dev which combines almost everything you need for a project - landing page, dashboard, contact etc. It uses technologies like Next.js, Firebase Auth, Firestore, Bulma, React Hook Forms, ESLint & Prettier, Google Analytics and even Docker. It's a quickstart template which works with minimal config for most usecases! :)
Check it out here: https://supercharge.dev/
I have the same problem also, we could learn all the syntax easily on many websites but there is no much learning links which teach you to build Web App with Stripe API or others. Usually I will just search for the project tutorial on Google which teach you one solution at a time. Does anyone have other website or platform that we can learn those skills?
yeah, it's weird that those are very common examples but I found it pretty difficult to dig up resources. Same goes for me, I search for the odd tutorial and hope it's close to what I'm trying to solve.
I think one of the issues I've came across is that there are many tutorials showing you how to make a clone of something. But not ones which are really general and to the point (like hey, want a platform with users- include this, want them to submit things, do this). Will update the post as I search along.
Take a look at Rocket.
There are quite a few commercial boilerplates available, I own one of them: https://usegravity.app - I have some tutorials on on the blog for building common SaaS features :)
this looks promising, thanks for sharing! I'll try out the demo today
Thanks, let me know if you need any help :)
Not my guide but here is a great resource from my buddy over at Adflow on how to set up Next.js with some of the tricky boilerplate stuff like auth with Firebase:
aah nice one! thanks, I will check that out. was looking for something similar to Adflow as well, gonna give it a try ;)
Let me know what you think! DMs are open 😃
by the way, I always try no-code tools until I get frustrated of their limits and just want to learn building my React/Next fixes instead