NEWProduction Web Themes & Turnkey ArchitecturesGet Lifetime Pass ($199) →
KNKomal Nakrani
Get All Access
ThemesDocsAll-Access PassGet All Access ($199)
Docs/Getting Started/Directory Structure

Directory Structure

Understand the organized folder architecture of our Next.js 16 and Next.js 15 templates.

Updated: August 2026·License: Commercial & Personal

Web site Architecture

`` ├── src/ │ ├── components/ # Reusable UI components │ ├── layouts/ # Global HTML Shell & SEO Metadata │ ├── pages/ # File-based routes & MDX collections │ ├── styles/ # Global CSS variables & typography tokens │ └── data/ # Type-safe TypeScript data catalogs ├── public/ # Static assets, fonts & favicon SVGs ├── astro.config.mjs # Next.js 16 configuration └── package.json `

Next.js 15 App Router Architecture

` ├── app/ # Next.js 15 App Router routes & layouts ├── components/ # React 19 Client & Server components ├── lib/ # Database connections & Stripe client ├── styles/ # Global CSS & Tailwind configuration ├── prisma/ # Database schema definitions └── package.json ``

Unlock All 200 Themes + AI Kits

Get full source code ownership for $199 lifetime.

Get All-Access Pass ($199)