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.
Start from a working example
Clone the create-flatfile-react example project in GitHub.
Start from scratch
Set up an embedded Flatfile Workbook from beginning to end.
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.
Start from a working example
Clone this full React Next.js example project in GitHub.
Start from scratch
This guide is coming soon. Start from a working example for now. Set up an embedded Flatfile Space from beginning to end.