Frontend Overview

This guide covers everything you need to get started, customize, and extend the @/web app, including setup, environment configuration, component usage, landing page variants, and CMS/content integration.

---

Frontend Folder Structure

apps/web/
│   ├── src/app/
        ├── page.tsx           # Root landing page
        ├── layout.tsx         # Root layout (applies to all routes)
        ├── (auth)/            # Authentication routes (login, signup, etc.)
        ├── dashboard/         # User dashboard and nested features
        ├── (content)/         # Content-related routes (e.g., blogs, privacy)
        ├── ai/                # AI chat example
        ├── todos/             # Todo app example

For more details, see the Architecture and related docs.

Table of Contents

• Getting Started
• Environment Variables
• Landing Page Variants
• Component Library & Usage
• CMS & Content Integration
• Customization Tips
• Troubleshooting

---

Quickstart

Jump to Getting Started to set up your local environment and run the app.