Crafting the world's most iconic Next.js starter.
π₯ Next.js 13 Starter. App Router, TypeScript, shadcn/ui, i18n, T3, Stripe, Clerk, Tailwind, Drizzle, Zod, RSC, SWC, tRPC, NextAuth, Server Actions, Lucide Icons, & More. Get it now and enjoy!
You can also check our another free Next.js 13 starter. This one starter offers you tech used in the current starter plus also: Prisma, Lucia, Auth.js, and more. It means there we're very experimentally trying to implement all of the important and most used tech together.
The Bleverse Framework for the Next.js!
Step into the future with the ultimate Next.js starter. Everything has been set up for you. It's more than just code; it's a journey. You're not on this journey alone. Move faster than ever. We've laid the groundwork; now, grab it, dive in and accelerate your development.
This is the space where we playing with everything new in Next.js 13. Stumbled upon something? DM us on Twitter, sorry, on X @bleverse_com or raise an issue right here. If you've got some coding magic up your sleeve, contributions are always celebrated! π
This roadmap outlines the key features and improvements to be implemented in this Next.js starter.
- β¨ Admin dashboard with stores, products, orders, subscriptions, and payments.
- β¬οΈ File uploads with uploadthing.
- π Keep it tight with Authentication using Clerk.
- π¨ Centralized Database magic at PlanetScale.
- π¬ Storefront with products, categories, and subcategories.
- π§ The most beginner-friendly starter (will be in the feature, maybe, how its possible π).
- π Comprehensive offerings of the Next.js App Router with the RSCs and everything all new.
- π Client and server data/query fetching with tRPC & TanStack Query.
- π Using every usable TanStack libraries.
- π Sharing insights with blogs powered by MDX.
- 𦫠Dive deep into SQL type-safety via Drizzle ORM.
- π§ Email verification and a lot more features to enhance the application.
- π° Newsletter subscription with React Email and Resend.
- πΆοΈ Stunning UI components, all thanks to shadcn/ui.
- π€ Ultimate type-safety using TypeScript, typedRoutes, etc.
- π€ Seller and customer workflows.
- π€© Styled to impress with Tailwind CSS.
- 𧧠User subscriptions via Stripe.
- π Seamless checkout with Stripe Checkout.
-
π °οΈ Validation with Zod and Valibot.
At Bleverse, the approach to multilingualism is a separate holy grail. We love talking about this topic. In the future, we'll be writing a lot of interesting things about internationalization with Next.js 13 App Router. Stay tuned!
The src/app.ts
file contains essential configuration used to modify the contents and settings of the website.
- Manage the content displayed on the website.
- Customize various settings, such as disabling theme toggle.
- Manage general site-wide information.
Setting up auth is a breeze:
- Visit:
https://dashboard.clerk.com/apps
- Create a New Application there.
- Fill out the
.api
file (just duplicate and rename.env.example
).
Install Git.
https://git-scm.com
Install Node.js.
Windows:
https://github.com/coreybutler/nvm-windows/releases/download/latest/nvm-setup.exe
Linux:
https://github.com/nvm-sh/nvm#installing-and-updating
Install PNPM.
corepack enable
Clone the repository.
git clone https://github.com/blefnk/relivator.git
Get your environment variables in check and update the variables.
cp .env.example .env
Get all dependencies sorted.
pnpm install
Bring your database to life with pushing the database schema.
pnpm db:push
Let the server magic begin!
pnpm dev
Finally start the Stripe webhook listener for Stripe to work.
pnpm stripe:listen
Follow the deployment guides for Vercel, Netlify and Docker for more information.
Know how to migrate your project to the current starter. Migration guides are both for app and pages directories. Your old starter may use Prisma, Zod, and other things.
The content of this section is not yet ready. Check back in a few days. Possible will be moved to the project wiki. Possible stacks: Original Next.js 13, Original T3 Stack, Shadcn Taxonomy.
Contributions are welcome! We thank everyone for their contributions to this repository. Your contributions will be acknowledged. Please open an issue if you have any questions or suggestions. See the contributing guide for more information.
Please visit this special wiki page to see the full list of credits and contributors.
To contribute to Bleverse Relivator, follow these steps:
- Fork this repository.
- Create a branch:
git checkout -b <branch_name>
. - Make your changes and commit them:
git commit -m '<commit_message>'
- Push to original branch:
git push origin <project_name> / <local>
- Create the pull request.
Or, see the GitHub docs on how to create a pull request.
Licensed under the MIT License. Check the LICENSE file for details.
Happy coding! Embark on this coding adventure, learn, iterate, and most importantly β enjoy the process! And remember β this is a space of learning and experimentation. Dive in and enjoy the journey! ππ