ChadNext ✨
ChadNext is a quick starter template for your Next.js project. It provides a minimal setup with all the basic features you need to build your next.js project, including a UI component library, authentication, database integration, analytics, and more.
Motivation 🚀
If you have an idea and want to quickly build a Proof of Concept (PoC) or Minimal Viable Product (MVP) to test the market, ChadNext can help you overcome several pain points:
- Finding a high-performing full-stack framework
- Finding a beautifully designed, accessible, and customizable modern UI library
- Finding an easy and simple authentication solution
- Finding a tool to interact with the database effortlessly
- Finding a fast and reliable cloud-hosted database service
- Finding a user-friendly platform for deploying your application
By addressing these pain points, ChadNext saves you time and effort, providing a solid starter template for building performant apps with an excellent developer experience.
Tech Stack 🛠️
ChadNext utilizes the following technologies:
- Next.js - A full-stack React framework to build high-performing apps with zero configuration.
- Shadcn/ui - A beautifully designed, accessible, and customizable component library made with Radix UI, Tailwind CSS, and many battle-tested libraries like React Table, React Hook Form, Zod, etc.
- Auth.js - An easy and simple authentication solution.
- Prisma - A simple, cool type-safe ORM.
- Postgres - Postgres is one of the best SQL databases. ChadNext is using Vercel Postgres, which is scalable and secure by default.
- Analytics - To get privacy-friendly, real-time traffic insights, ChadNext is using Vercel Analytics.
- Deployment - ChadNext is using Vercel for deployment, which helps you focus on development only, handling all the complexity of deployment, including automatic preview for every commit and branch.
- Linting & Formatting - ChadNext uses Eslint to keep the code consistent and Prettier to keep the code readable. It also uses Husky to ensure all the linting and formatting before every commit.
- and Of course, Type safety with TypeScript.
By using Vercel as a PaaS, ChadNext reduces the pain of finding and adding solutions for the database, analytics, and deployment. We can focus only on development.
So, now you can build and deploy the product of your idea quickly and analyze the market.
Getting Started 🚀
To get started with ChadNext, you'll need to have Node.js and pnpm installed on your machine. Once you have those installed, you can follow these steps:
- Hit the "Use Template" button
- Clone the repository
- Install the dependencies:
pnpm install - Copy
.env.examplefile to.envfile. then follow the instructions inside. - Start the development server:
pnpm dev
or
You can deploy the template with one click!
Frequently Asked Questions (FAQs) 🤔
Q: How is ChadNext different from other templates?
A: ChadNext provides a comprehensive set of features, including a UI component library, authentication, database integration, analytics, and deployment. It offers a quick start with a minimal setup, leveraging the power of Next.js, a full-stack React framework. TypeScript ensures type safety, and linting and formatting tools maintain code consistency and readability. I didn't find any template combining all of these together. That's why I connected the dots and made ChadNext.
Stay Tuned for More! 📢
If you find this template useful, please consider giving it a star
Thank you for checking out ChadNext!
Contributing 🤝
If you'd like to contribute to ChadNext, please follow these steps:
- Fork the repository
- Create a new branch:
git checkout -b my-feature-branch - Make your changes and commit them:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-feature-branch - Create a new pull request
License 📄
ChadNext is licensed under the MIT License. See LICENSE for more information.
Author ✍️
- Moinul Moin (@immoinulmoin). Follow me on twitter for all the latest updates or check here