🚀 Introducing ProtonStack: Unleash the Power of Next js and Clerk for your next startup!
Hey IndieHackers community! 👋
I'm thrilled to share with you a game-changing tool that's set to redefine the way you approach web development. Meet ProtonStack – your all-in-one Next.js boilerplate/starter kit designed to turbocharge your journey from idea to product launch.
🌐 What is ProtonStack?
ProtonStack is more than just a tech stack; it's your partner in building robust and scalable full-stack applications. Powered by Next.js 14, React 18, TypeScript, Tailwind CSS, Shadcn UI, Clerk.dev, and Prisma ORM, ProtonStack is the ultimate fusion for modern and efficient web development.
💡 Key Features:
✅ Production Ready Authentication: Leverage Clerk.dev for secure and GDPR-compliant authentication. Create B2B SaaS applications effortlessly. Clerk comes with multi-tenancy, so your users can create organisations and invite other people.
✅ Subscriptions and Payments: Built on top of Stripe, ProtonStack offers a seamless subscription and payment system out of the box.
✅ Database Flexibility: Use Prisma ORM with support for PlanetScale, Supabase, and more.
✅ Type Safety and Testing: Catch errors before they reach production with TypeScript and Jest. ProtonStack also includes Zod for TypeScript-first schema validation.
✅ Clean & Simple Code: Built with ESLint, Prettier, and pre-configured Husky and lint-staged setup for consistently clean code.
✅ Marketing Tools: SEO-optimized with Next.js, built-in blog with MDX, and comprehensive documentation for a complete developer and user experience.
🚨 Why ProtonStack?
Enterprise-Grade Authentication and User Management: ProtonStack takes security seriously. With Clerk.dev, it offers enterprise-grade authentication and user management, ensuring your application's access control is robust, scalable, and tailored to the highest standards of security.
Developer Experience: Elevate code quality and maintainability with TypeScript.
Pixel-Perfect UI: Craft beautiful interfaces effortlessly with Tailwind CSS and Shadcn UI.
Testing: Ensure high-quality code with Jest, Cypress, and React Testing Library.
Database Freedom: Choose from a variety of databases, including Prisma, PlanetScale, Supabase, and more. Drizzle ORM is on its way soon!
Stripe Integration: Seamlessly handle subscription payments with Stripe Checkout and Billing Portal.
👨💻 About Me:
Hey, I'm Ozan, a full-stack developer with years of experience. ProtonStack is not just a project; it's the culmination of my journey in software development, reflecting the lessons learned, challenges overcome, and a deep passion for creating impactful and efficient applications.
🚀 Ready to Jumpstart Your Startup?
Visit ProtonStack now to explore how this Next.js boilerplate can accelerate your SaaS, AI tool, or web app development.
Let's build something extraordinary together! 💻✨
Looks slick, for how long have you been working on it?
I have been working on it as ProtonStack for a couple of months, but it is a result of my previous boilerplate projects. So, I have been working on it for long time in a sense.
Seems great - we've had a smooth experience with Clerk so far.
Thanks for your comment. Great to hear that you have had a good experience with Clerk.
How easy is it for the developer to customize it for specific projects?
It is fully customizable, you just need to be familiar with the tech stack. It uses Next js with the app router, and API routes, not server actions at the moment. So, you need to be familiar with the app router.
Authentication is handled with Clerk, and it is easy to add other authentication options like social authentication, you do the set up on Clerk dashboard. If you want to customise authentication flows, there are custom components in the boilerplate that use Clerk under the hood.
It supports multi tenancy but if you do not need multi tenancy, you can easily switch. You just change the Clerk setup and update an env variable in the boilerplate.
In terms of database, currently it supports Prisma ORM, I am planning to add Drizzle ORM as a second option. So you can use the databases that Prisma supports.
Proton stack uses Shadcn for the UI. You download the components with Shadcn and can customise them.
So, you can easily customise pretty much everything. I try to keep the code simple and maintainable.
Why did you choose a dark design for your website? Have you done any research about the preferences of your potential clients: which theme do they prefer - dark or light?
I did not do any research for the theme, but I think developers, my potential clients, generally like the dark mode.
ProtonStack seems super helpful to devs. Just, why didn't you share its link here? I'd love to check it out!
Hi, thanks for your comment. I have just added the link. It is https://www.protonstack.dev/
Just checked it out and I loved its sleek UI! Great job!
Thanks again Hossein.