The Next SaaS Template is a comprehensive starter kit for building scalable SaaS applications with Next.js, featuring built-in authentication, database integration, responsive design, efficient state management, pre-configured API routes, and developer tools like ESLint, Prettier, and TypeScript support.
- Next.js: Framework for server-side rendering, static site generation, and seamless API routes.
- TypeScript: For static typing and improved developer experience.
- Clerk Authentication: Built-in user authentication with support for various providers.
- Database Integration: Both Prisma and Drizzle are included. Choose one based on your preference and remove the other.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- Shadcn: Component library for React.
- PWA Support: Built-in Progressive Web App capabilities.
Clone the repository and install dependencies using your preferred package manager (npm, pnpm, or yarn):
git clone https://github.com/ashsajal1/next-saas-template.git
cd next-saas-template
npm install
# or
pnpm install
# or
yarn install- Authentication: Set up Clerk for user authentication.
- Database: Choose either Prisma or Drizzle for your database needs. You cannot use both simultaneously, so:
- If using Prisma: Remove Drizzle by deleting
dbdirectory anddrizzle.config.ts. Also remove Drizzle dependencies frompackage.json. - If using Drizzle: Remove Prisma by deleting
prismadirectory andsrc/lib/prisma.ts. Also remove Prisma dependencies frompackage.json.
- If using Prisma: Remove Drizzle by deleting
To switch between Prisma and Drizzle:
- For Prisma: Follow the setup instructions in the
prismafolder. - For Drizzle: Follow the setup instructions in the
drizzlefolder.
Generate PWA assets using the following command:
npm run generate-pwa-assets
# or
pnpm run generate-pwa-assets
# or
yarn generate-pwa-assetsReplace public/next.svg with the path to your own logo if needed.
We welcome contributions to add a payment method using Stripe. Please refer to the Contributing section for more details.
We welcome contributions to enhance the functionality of this template. Here’s how you can contribute:
- Fork the repository
- Create a new branch for your feature or bug fix:
git checkout -b feature-name
- Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature-name
- Create a pull request to the
mainbranch.
- Feature Requests: If you have a feature request, please open an issue to discuss it before starting work.
- Bug Reports: Report bugs by opening an issue.
- Code Style: Follow the existing code style and conventions.
- Testing: Ensure your code is well-tested.
This project is licensed under the MIT License.