# Vue - Blueprint (/docs/blueprints/vue)



A [Vue 3](https://vuejs.org/) single-page app scaffolded with `create-vue` and served from an `nginx:alpine` container. Single repo, no database, no environment variables.

**Tech stack:**

| Layer             | Technology                            |
| ----------------- | ------------------------------------- |
| Framework         | Vue 3 + Vite                          |
| State and routing | Pinia, Vue Router                     |
| Build             | Bun on `node:22-alpine` (multi-stage) |
| Runtime           | `nginx:alpine` on port 80             |
| Output            | Pure static, no server-side code      |

<a href="https://github.com/rock8-cloud/blueprint-vue" target="_blank" rel="noopener noreferrer">
  View on GitHub →
</a>

***

## What You Get [#what-you-get]

* A private clone of the template in your GitHub account
* One Rock8Cloud service wired to it
* A public URL once the first deploy finishes

The first build takes about a minute. Deploy it from **Blueprints** in the dashboard.

***

## Customizing [#customizing]

* Edit `src/App.vue` and the views under `src/views/`
* Push to your default branch and Rock8Cloud rebuilds automatically

Because the output is static, anything the app needs from a server has to come from a separate service. Add a backend to the same project and point the app at its public URL.

***

## Related [#related]

* [Astro Static Site](/docs/blueprints/astro-static-site) - the same shape with Astro
* [Blueprints](/docs/blueprint)