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

# Create your first editable site

> Put the first content-backed page in Fimo Studio from a new project or an existing codebase.

Your first success is a page whose content a teammate can change in Studio without editing application code.

## New React Router project

Use the optional starter when you create the project:

```bash theme={null}
npx fimo@latest init my-site --starter fimo-site@1
```

The starter creates a content-backed homepage and seeds its editable content. Start the local `dev` script with the package manager selected during setup, then edit the homepage in Studio.

## Another framework or a blank project

Create the project, then ask your coding agent to make the first page editable. The agent should load the code skill that matches the installed Fimo package:

```bash theme={null}
fimo skills get fimo-code
```

The implementation depends on the framework. The durable flow is the same: declare a schema, push it with `fimo schemas push`, create an entry, read it through the generated client, and render tracked values with the framework's Fimo components. Use the [CLI reference](/docs/reference/cli) for command details.

## Existing codebase

Run this inside the application's root directory:

```bash theme={null}
npx fimo@latest link
```

Choose or create the Fimo project when prompted. Linking keeps your application code, framework, git history, and existing `origin`. It adds the project link, Fimo remote, package dependency when needed, and detected framework settings.

Install the updated project dependencies with the package manager already used by the application. Then load `fimo-code` and convert one real page to use a schema-backed entry. Start with a page that a teammate already needs to update, such as the homepage or About page.

<Tip>
  Keep the first slice small. One editable page proves the code, Studio, and Preview loop before you move the rest of
  the site.
</Tip>

## Review before publishing

Run `fimo deploy` when you want a hosted Preview. Publish only after you have reviewed it:

```bash theme={null}
fimo deploy -m "feat: first editable page"
fimo deploy --publish
```

See [Deploy and publish](/docs/deploy/overview) before using the publish command.