📁 Overview

Project structure

This is an overview of Next.js folder structure to help you make changes

Configure your project in /config.ts

Folder structure

  • /app - Application
    • /(main) - Main pages
      • (static) - Static pages
      • account - Account pages with AI examples
      • auth - Authentication
      • blog - Blog UI
    • /actions - Server actions
    • /api - API integrations
    • /docs - Documentation UI
  • /blog - Blog posts
  • /components - UI components
  • /context - UI Contexts
  • /docs - Documentation files
  • /hooks - UI hooks
  • /lib - Helper libraries
  • /public - Content served publicly (photos, videos, etc.)
  • /supabase - Supabase local services
  • /types - Typescript interfaces