Overview of Project Structure
💡
In this chapter, we will go through the structure of the NextSaaS boilerplate and give you an overview of how modules and components are structured. After reading this chapter, you will have a good understanding of the boilerplate's structure.
Project Structure
NextSaaS boilerplate strictly follows the Next.js Project Structure (opens in a new tab). It's seamlessly integrated with NextAuth, Prisma, Nextra, and Stripe.
├── node_modules
├── prisma
│ ├── db.sqlite # SQLite database file
│ └── schema.prisma # Prisma schema definition
├── public
├── src
│ ├── app # Application logic
│ ├── assets # Assets not exposed to the public
│ ├── components # React components used on pages
│ ├── config # NextSaaS configuration folder
│ │ ├── messages # Provides messages based on user language
│ │ └── site.ts # Configuration for NextSaaS boilerplate (site metadata, email, catalog, etc.)
│ ├── emails # React components for emails
│ ├── lib # Libraries (session, stripe, subscriptions, etc.)
│ ├── pages # Next.js pages directory
│ ├── styles # Styling
│ ├── typings # Typings definition
│ ├── env.mjs # Environment variables schema
│ ├── middleware.ts # Next.js middleware (handles redirects and rewrites based on user locale)
│ └── dictionaries.ts # Internationalization setup for Next.js
├── .env.example # Example environment file
├── .eslintrc.cjs # ESLint configuration
├── .gitignore
├── next-sitemap.config.js
├── next.config.mjs # Next.js and Nextra configuration
├── package.json
├── postcss.config.cjs
├── prettier.config.cjs
├── README.md
├── tailwind.config.ts # Tailwind configuration
├── nextra-theme.config.tsx # Nextra theme configuration
└── tsconfig.json # TypeScript configuration