# Static Sites Quickstart

> Deploy a Vite, React, Astro, or exported Next.js frontend as a NexHost Static Site.

Source: https://nexthomelabs.com/docs/quickstarts/static-sites
Slug: quickstarts/static-sites
Section: Quickstarts
Last updated: 2026-08-30

---

# Static Sites Quickstart

Use a [Static Site](/docs/services/static-sites) when your project produces files that can be served without a running Node or application server.

## Example: Vite and React

```bash
npm create vite@latest my-site -- --template react
cd my-site
npm install
npm run build
```

The build creates `dist/index.html` and its assets.

## Configure the service

1. Select **Static Site** in **New Project**.
2. Connect a repository, folder, or ZIP archive.
3. Set **Build command** to `npm run build`.
4. Set **Publish directory** to `dist`.
5. Deploy and open the generated hostname displayed by the dashboard.

## Other static outputs

| Project | Publish directory |
| --- | --- |
| Astro | `dist` |
| Next.js with `output: "export"` | `out` |
| SvelteKit with static adapter | `build` |
| Plain HTML | `.` |

If the application needs a runtime server after build, use [Frontend App](/docs/services/frontend-app) instead.