> ## Documentation Index
> Fetch the complete documentation index at: https://flatfileinc-feat-updatereactquickstart.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Before you begin

> Securely and easily build an embedded Flatfile import experience into your React application.

## Quickstart

### Create a new Space

In this Guide, we'll create a new Space each time Flatfile is opened. This suits situations where a clean slate for every interaction is preferred and is the easiest way to get started with Flatfile.

#### Choose your path

First, decide if you want to start from scratch or make changes to an existing project. Most developers find it easier to clone and start from a working example.

<CardGroup cols={2}>
  <Card title="Start from a working example" href="https://github.com/FlatFilers/create-flatfile-react" icon="star">
    Clone the create-flatfile-react example project in GitHub.
  </Card>

  <Card title="Start from scratch" href="../react/new_space" icon="pencil">
    Set up an embedded Flatfile Workbook from beginning to end.
  </Card>
</CardGroup>

## Advanced mode

### Reuse an existing Space

Choose this option when users might need to wait or can't finish in one go. This is
great for keeping work context and letting users continue where they left
off until the task is done.

#### Choose your path

Decide if you want to start from scratch or make changes to an existing project. Most developers find it easier to clone and start from a working example.

<CardGroup cols={2}>
  <Card title="Start from a working example" icon="star" href="https://github.com/FlatFilers/flatfile-nextjs">
    Clone this full React Next.js example project in GitHub.
  </Card>

  <Card title="Start from scratch" icon="clock">
    **This guide is coming soon. Start from a working example for now.** Set up
    an embedded Flatfile Space from beginning to end.
  </Card>
</CardGroup>