# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.toystack.ai/frontend-quickstarts/reactjs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.