Step 3
Download the boilerplate
What you're about to do
Download the starter code for your app.
Why it matters
This is your app. Everything we've installed so far was about preparing your computer to run code. Now we get the code.
What you'll need
Your code editor open. 5 minutes.
Download the ZIP file
The download is free, but you'll need to create a free account first. Sign-up takes about 30 seconds and gives you access to support, updates, and the integrations marketplace when you're ready.
Sign up free to downloadAlready have an account? Sign in
Unzip and put it somewhere you'll remember
- Find the downloaded ZIP file (usually in your Downloads folder)
- Double-click it to unzip — you'll get a new folder
Drag that folder somewhere easy to find. We recommend creating a folder called Projects in your Documents folder and putting it there. So the final path is something like:
/Users/yourname/Documents/Projects/boilerplate
Rename the folder (optional but recommended)
The folder is named boilerplate by default. You'll probably want to rename it to your project's name — something like sarahs-calendar or acme-tasks or whatever you're building.
Rules for the new name:
- Lowercase letters, numbers, and dashes only
- No spaces (use dashes instead)
- No special characters
Examples that work: my-app, calendar-tool, acme-tasks-v2
Examples that don't work: My App (has space), My App! (has special character)
If you're not sure what to call it yet, that's fine — just leave it as boilerplate for now. You can rename later.
Open the folder in your code editor
In Cursor or VS Code:
- Open your code editor
- At the top menu, click File → Open Folder... (Mac) or File → Open Folder (Windows)
- Navigate to where you unzipped the boilerplate (e.g.,
Documents/Projects/boilerplate) - Click Open (Mac) or Select Folder (Windows)
The editor will reload showing your project. You should see a file explorer on the left listing folders like:
appplatformproductwebsitepackage.jsonREADME.md
If you see those, you're set.
How to verify it worked
In your editor's file explorer (left sidebar), you should be able to see folders like platform, product, website. Click on README.md to open it — you should see a welcome message in the main editor area.
What to do if something went wrong▾
Problem: The download didn't start.
Try a different browser. If it's still not working, click Support at the top of this page.
Problem: I can't find where the ZIP file unzipped to.
On Mac, check your Downloads folder (Finder → Downloads). On Windows, check your Downloads folder (File Explorer → Downloads).
Problem: When I open the folder in my editor, I see the boilerplate folder but no files inside.
You might have opened the wrong folder. Inside your unzipped folder, there should be many files and folders (you'll see app, platform, product, website, etc.). If you only see one folder inside, open that one — it's the actual project root.
If you're stuck, click Support at the top of this page.