> For the complete documentation index, see [llms.txt](https://docs.toystack.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.toystack.ai/frontend-quickstarts/astrojs.md).

# AstroJs

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 Astro as your Framework Preset

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

<figure><img src="/files/reXT5ay2rQLGWSWKV3zo" 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="/files/mE02Ur015ZPSjp0J1tU1" alt=""><figcaption></figcaption></figure>

## Step 4: Input environment variables

For detailed instructions, please see the [Environment Variables](/get-started/environment-variables-setup.md) page.

## Step 5: Choose a plan

<figure><img src="/files/rj3bTmXVLAWDVSboyRRv" alt=""><figcaption></figcaption></figure>

## Step 6: Deploy

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