> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ale.run/llms.txt
> Use this file to discover all available pages before exploring further.

# React

> Guide for deploying React applications.

***

## Prerequisites

<AccordionGroup>
  <Accordion title="Supported Node.js Versions" defaultOpen={true}>
    * **8, 10, 12, 14, 16, 18, 20**
  </Accordion>
</AccordionGroup>

<Warning>
  Ensure the Node.js version specified in your project configuration files (e.g., package.json, .nvmrc) matches the version selected during deployment. A mismatch may cause build and runtime errors.
</Warning>

## Select Template and Repository

<Frame>
  <img className="block rounded-md" src="https://files.cloudtype.io/ale-docs/developers/images/en/react_02.png" />
</Frame>

> On the dashboard, click <Icon icon="circle-plus" iconType="solid" size={15} color="2396F1" /> or `⌘ + K` to open the deployment modal and select the **Web application** template. Then choose a GitHub repository from the dropdown or [input a Git repository URL in the Git URL tab](/en/developers/private-repo).

## Deployment Settings

> Apply the following settings to ensure your service runs seamlessly.

<AccordionGroup>
  <Accordion title="Basic Settings">
    * **Build Variables**: Variables to include when building the React project
    * **Docbase**: Output directory for build artifacts
    * [Rewrites: Path and URL for proxying](/en/developers/reverseproxy)
    * **Node.js Version**
    * **Build Command**: Command to build the React project
    * **Single Page Application**: Indicates if it is a single page app
    * [Health Check](/en/developers/zero-downtime-deployment): Endpoint for verifying container status
  </Accordion>

  <Accordion title="More Options">
    * **Install command**: Variables to include during container image builds
    * **.npmrc**: Configuration for npm package registry path, proxy settings, etc.
    * **Index page**: Filename of the index page
  </Accordion>
</AccordionGroup>

<Tip>
  `ale` provides built-in reverse proxy support without the need to configure a Nginx server. For more details, refer to [the Reverse Proxy page](/en/developers/reverseproxy).
</Tip>

## Set Resources and Deploy

<Frame>
  <img className="block rounded-md" src="https://files.cloudtype.io/ale-docs/developers/images/en/08_04.png" />
</Frame>

* **Resource Type**: Select between [On-demand or Spot instance types](/en/developers/resource#on-demand-spot)

* **CPU**: Maximum vCPU resource for the service. Minimum vCPU means 0.1 vCPU

* **Memory**: Maximum memory size your service can use

* [Replica](/en/developers/replica): Number of service replicas for high availability and load balancing

* **Deploy**: Click `Deploy`

<Info>
  Once deployment is complete, you can access the web page via the preview domain or send requests using an API tool.
</Info>

<Tip>
  If deployment fails due to resource limitations, see [the Space and Resource Management page](/en/operations/spaces#allocate-resources) to add resources to your space.
</Tip>

***

[React Docs](https://reactjs.org/docs/getting-started.html)