Getting Started

Project Structure

Understanding the project layout

Directory Structure

startfast-pro/
├── src/
│   ├── app/                    # Next.js App Router
│   │   ├── [locale]/          # Internationalized routes
│   │   │   ├── admin/         # Admin dashboard
│   │   │   ├── auth/          # Authentication pages
│   │   │   ├── blog/          # Blog pages
│   │   │   ├── dashboard/     # User dashboard
│   │   │   └── docs/          # Documentation
│   │   └── api/               # API routes
│   ├── components/            # React components
│   │   ├── layout/           # Layout components
│   │   └── ui/               # UI primitives
│   ├── db/                    # Database schema
│   ├── lib/                   # Utility functions
│   └── messages/              # Translation files
├── public/                    # Static assets
├── tests/                     # E2E tests
└── drizzle.config.ts         # Database config

Key Directories

/src/app

The Next.js App Router directory. All routes are defined here using the file-system based routing.

/src/components

Reusable React components: - **layout/** - Header, Footer, Sidebar - **ui/** - Button, Card, Input, etc.

/src/db

Database configuration and schema using Drizzle ORM.

/src/lib

Utility functions including: - **auth.ts** - Authentication configuration - **utils.ts** - Helper functions - **permissions.ts** - RBAC permissions

/src/messages

Translation files for internationalization (i18n).