# ReactJS

## Step 1: Import your Git repository

Go to the [ToyStack Dashboard](https://dashboard.toystack.ai) and create a new project using your repository.

## Step 2: Select React as your Framework Preset

ToyStack can automatically deploy your React projects. Simply select `React` as the preset while deploying the application.

<figure><img src="https://3980355268-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg3kWmYTC5OSJ5vltL8xU%2Fuploads%2Fczy9c4ddIX5BJ2ptRRTM%2Fimage.png?alt=media&#x26;token=47ba7df4-5ff3-481d-94ed-0a57992272dd" alt=""><figcaption></figcaption></figure>

## Step 3: Specify Build Commands

There may be framework specific build commands that are needed for your application. You can specify that in the configuration.

<figure><img src="https://3980355268-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg3kWmYTC5OSJ5vltL8xU%2Fuploads%2Fmo2thKVyy18DFZRs9Vfu%2Fimage.png?alt=media&#x26;token=7cca6bf5-8ff5-47ec-8318-8d75b3f8a53c" alt=""><figcaption></figcaption></figure>

## Step 4: Input environment variables

For detailed instructions, please see the [Environment Variables](https://docs.toystack.ai/get-started/environment-variables-setup) page.

## Step 5: Choose a plan

<figure><img src="https://3980355268-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg3kWmYTC5OSJ5vltL8xU%2Fuploads%2Fsy1FrRoBW3bqjicNsl6v%2FFront%20end%20plan.png?alt=media&#x26;token=50776daa-0ff9-48ef-85df-eca7ed07986b" alt=""><figcaption></figcaption></figure>

## Step 6: Deploy

Simply select the branch you want to deploy, its deployment validity and ToyStack will deploy it