This is the early access documentation preview for Custom Views. This documentation might not be in sync with our official documentation.
Set up your project
Set up your project to develop your website locally.
Prerequisites
- Node.js installed locally (version 16.x)
- Yarn installed locally (version 1.22+)
- CLI installed
- Access to your GitHub customer repository
- Access to your Studio (
https://<customer>.frontastic.io
)
To get started with development, follow these steps:
Get your API token from the Studio
To get your API token from the Studio, follow these steps:
- From the Studio homepage, click the Account icon, then select Profile: the User settings dialog opens.
- Copy the value in the API token field and close the dialog.
- Save the copied value for later use.
Set up your project locally
To set up your project locally, follow these steps:
- Clone the GitHub repository of your commercetools Frontend project on your computer.
- Open a command-line tool and move to the root directory of your repository.
- To initialize your project, run
frontastic init
in your command-line tool: you'll be prompted to enter the Studio user API token. - Enter the API token you copied from the Studio.
- To install the necessary dependencies, run
frontastic install
in your command-line tool. - To start your commercetools Frontend project, run
frontastic run
in your command-line tool. Once it has finished, you can preview your website by openinghttp://localhost:3000
in a web browser.
You can now start developing your website in your favorite IDE.