Next.js (13.4) Starter đĨ Store & Dashboard | i18n â shadcn/ui â Drizzle â Stripe â TypeScript â Server Actions â tRPC â NextAuth.js â TailwindCSS â Zod â RSC â SWC â T3 â Lucide Icons â App Router. And much more! đ Welcome! And yeah, please! Smash your big star!
Crafting the world's most iconic Next.js starter.
Next.js 13 starter beautifully created with â¤ī¸ by @blefnk Nazarii Korniienko, Bleverse, and its entire OSS community. The starter has i18n, means internationalization, and built with app router
and server actions
using TypeScript
programming language. Takes some inspirations from T3 and similar stacks. Our own stack beside other includes also: Stripe
, NextAuth.js
, TailwindCSS
, Drizzle
, Zod
, RSC
, SWC
, tRPC
, Lucide Icons
, and many more other things. Just get it and enjoy! And remember, we love your feedback!
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, Valibot, Lucia, Clerk, and more. It means there we're very experimentally trying to implement all 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're 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.
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.
Setting up auth is a breeze:
https://dashboard.clerk.com/apps
.api
file (just duplicate and rename .env.example
).Environment variables are stored in .env
files. By default the .env.example
file is included in source control and contains
settings and defaults to get the app running. Any secrets or local overrides of these values should be placed in a
.env
file, which is ignored from source control.
Remember, never commit and store .env
in the source control, just only .env.example
without any data specified.
You can read more about environment variables here.
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! The app will be running at http://localhost:3000.
pnpm dev
Finally, start the Stripe webhook listener for Stripe to work.
pnpm stripe:listen
You can lint the project using
đĨ Experimental, still in dev, use with caution:
When you first check out this project, you can run the following command to get your environment all set up:
pnpm setup
Or just only run:
./src/scripts/rename
This will rename relivator
to your project name throughout the app,
update your git remote to be named relivator
, install the .env
file, and
install all of your dependencies.
In the future, you'll be able to pull in the latest relivator
changes without
missing a beat by running:
git fetch relivator
git merge relivator/main
And, ladies and gentlemen, it's perfectly ready!
Drizzle ORM is set up to use PlanetScale MySQL by default, but any database will work, like Vercel PostgreSQL. Simply set DATABASE_URL
in your .env
file to work.
pnpm db
This project exposes a package.json script for accessing drizzle-kit via pnpm db:<command>
. This script handles all environment variable mapping automatically via dotenv-cli
, so you don't have to think about it. You should always try to use this script when interacting with drizzle-kit locally.
Make changes to your database by modifying src/data/db/schema.ts
(learn more).
When prototyping changes, you can use db push
:
pnpm db:push
When you feel comfortable with the changes, you can make a migration file by running:
pnpm db:generate
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.
By default, this project already includes some components from shadcn/ui.
To add new UI components from shadcn/ui, run:
pnpx shadcn-ui@latest add button
Where button
can be any UI element from the project.
To run a full check of the codebase (type-check, lint, prettier check, test), run:
pnpm check
pnpm lint
pnpm type-check
pnpm format
to check for format errors, run:
pnpm format:check
pnpm test
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:
git checkout -b <branch_name>
.git commit -m '<commit_message>'
git push origin <project_name> / <local>
Or, see the GitHub docs on how to create a pull request.
This project is MIT-licensed and is free to use and modify for your own projects. Check the LICENSE file for details.
It was created by @blefnk Nazarii Korniienko, Bleverse, and its OSS community.
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! đđ