> ## Documentation Index
> Fetch the complete documentation index at: https://docs.builderbox.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 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](/structure/architecture) and related docs.

## Table of Contents

* [Getting Started](/frontend/getting-started)
* [Environment Variables](/frontend/environment)
* [Landing Page Variants](/frontend/landing-pages)
* [Component Library & Usage](/frontend/components)
* [CMS & Content Integration](/frontend/cms-integration)
* [Customization Tips](/frontend/customization)
* [Troubleshooting](/frontend/troubleshooting)

***

## Quickstart

Jump to [Getting Started](/frontend/getting-started) to set up your local environment and run the app.