# Overview





Sample.app hosts pre-built static files. You build your project locally (or in CI), then use the `samplex` CLI to upload it.

```bash
npm run build
samplex deploy ./dist
```

Your site gets a URL like `https://brave-panda.sample.app` and is live immediately.

SPA fallback [#spa-fallback]

If a path doesn't match a file, Sample.app serves `/index.html`. Client-side routing with React Router, Vue Router, or any other library works out of the box.

Output directory auto-detection [#output-directory-auto-detection]

If you run `samplex deploy` without a directory, the CLI checks for these in order:

1. `dist`
2. `build`
3. `out`
4. `.output/public`

<Callout type="warn">
  Make sure you're deploying the build output, not your source directory.
</Callout>

Framework guides [#framework-guides]

Pick your framework for specific instructions:

Frameworks [#frameworks]

<Cards>
  <Card title="React" href="/deploying/react" description="Vite-based React apps." />

  <Card title="Vue" href="/deploying/vue" description="Vite-based Vue apps." />

  <Card title="Angular" href="/deploying/angular" description="Angular CLI projects." />

  <Card title="Svelte / SvelteKit" href="/deploying/svelte" description="Static adapter or plain Svelte." />

  <Card title="Solid" href="/deploying/solid" description="Solid + Vite." />
</Cards>

Meta-frameworks [#meta-frameworks]

<Cards>
  <Card title="Next.js" href="/deploying/nextjs" description="Requires static export." />

  <Card title="Nuxt" href="/deploying/nuxt" description="Uses nuxi generate." />

  <Card title="Astro" href="/deploying/astro" description="Static by default." />

  <Card title="Gatsby" href="/deploying/gatsby" description="Outputs to public/." />
</Cards>

Static site generators [#static-site-generators]

<Cards>
  <Card title="Hugo" href="/deploying/hugo" description="Outputs to public/." />

  <Card title="Eleventy" href="/deploying/eleventy" description="Outputs to _site/." />

  <Card title="Jekyll" href="/deploying/jekyll" description="Outputs to _site/." />
</Cards>