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

# Project

> Understand how projects work and what they contain.

A **project** in Fimo represents a single website. Each project has its **own content, assets, code, and settings**. Projects are fully independent, so changes in one never affect another.

<Note>
  For technical users: under the hood, each project also has a dedicated database and storage bucket served through a CDN.
</Note>

## Why use projects?

* **One website per project** for clean separation
* **Isolated data and settings** to keep work safe
* **Start new ideas quickly** with a fresh canvas
* **Unlimited projects** so you can build as many sites as you need

## What is inside a project?

<Columns cols={2}>
  <Card title="Preview window" icon="eye" href="/preview/overview">
    Test and collaborate safely before publishing.
  </Card>

  <Card title="Content" icon="pen-to-square" href="/content/introduction">
    Manage text, images, and links with the built-in CMS.
  </Card>

  <Card title="Assets" icon="photo-film" href="/assets/overview">
    Upload, organize, and reuse media in the library.
  </Card>

  <Card title="Code" icon="code" href="/code/overview">
    View and edit the code in the online editor.
  </Card>

  <Card title="Publish" icon="rocket" href="/publish/overview">
    Deploy the current preview to your live site.
  </Card>

  <Card title="Settings" icon="gear" href="/project/settings">
    Configure your project name, domain, and options.
  </Card>
</Columns>

## How do I create a project?

<Steps>
  <Step title="Open the dashboard">
    Click **New project** on the homepage.
  </Step>

  <Step title="Describe your website">
    Write a prompt to generate your first version, or start from a prompt template.
  </Step>

  <Step title="Build and iterate">
    Use the Preview window, Content, Assets, and Code to refine your site.
  </Step>

  <Step title="Publish when ready">
    Click **Publish** to make your site live.
  </Step>
</Steps>

## What’s next?

<Columns cols={3}>
  <Card title="Content overview" icon="pen-to-square" href="/content/overview">
    Learn how Collections and Entries work.
  </Card>

  <Card title="Assets overview" icon="photo-film" href="/assets/overview">
    Organize your assets at scale.
  </Card>

  <Card title="Code overview" icon="door-open" href="/code/overview">
    Edit your project’s code in the browser.
  </Card>
</Columns>