Directory Structure
Understand the organized folder architecture of our Next.js 16 and Next.js 15 templates.
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
``
Get full source code ownership for $199 lifetime.