Frontend

How to deploy a Vue app on Rock8Cloud

Deploy your Vue (Vite) app to Rock8Cloud - a static build served from your own nginx container. Connect your GitHub repo, hit deploy, live in about two minutes.

Updated June 5, 2026 · Port 80
How to deploy Vue on Rock8Cloud

A Vue app compiles to static files - on Rock8Cloud they’re served from your own nginx container. Connect your GitHub repo, hit deploy, and you get a live URL in about two minutes.

Deploy your app#

One step: select GitHub repository deployment, connect your repo, and hit Deploy. Rock8Cloud builds the container image and serves your app at a live URL, with build and runtime logs in your browser.

No Dockerfile in the repo? Copy the example below.

Pro tip: Set EXPOSE in your Dockerfile and Rock8Cloud infers the container port automatically - nothing else to configure.

Example Dockerfile
# Build
FROM node:22-alpine AS build
WORKDIR /app
RUN npm install -g bun
COPY package.json bun.lock ./
RUN bun install --frozen-lockfile
COPY . .
RUN bun run build

# Serve
FROM nginx:alpine
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=build /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

EXPOSE 80 is what Rock8Cloud reads to route traffic to your container - no manual port setting needed.

Don’t have an app?#

One-click start from our open-source template - based on the official Vue getting started (Vue 3 + Vite with Pinia and Router). It’s cloned to your GitHub, built, and put live on our domain. Or just browse it on GitHub and borrow what you need.

Pro tip: You can assign your own domain to the app later.

Vue 3 + Vite example
rock8-cloud/blueprint-vue

What you get#

  • A live URL on our domain - share it the moment the first build lands.
  • Deploy on push - every push to your configured default branch rebuilds and ships automatically.
  • A preview URL per pull request - review real builds, not screenshots.
  • Instant rollback - one click back to any known-good build.

Need an API?#

A Vue SPA calls your backend over HTTP. Deploy the API as a separate Rock8Cloud service (Go, Java, Kotlin) and point the frontend at it with a build-time variable like VITE_API_URL. Databases live with the backend - PostgreSQL, Dragonfly, and S3 are one click each.

Frequently asked questions

Do I need a Dockerfile to deploy Vue?
Yes - copy the example from this guide. If it sets EXPOSE, Rock8Cloud infers the container port automatically, so there is nothing else to configure.
Is there a faster way to try it?
Yes - the open-source Vue template clones to your GitHub account, builds, and goes live on our domain in one click. All you need is a GitHub sign-in. You can assign your own domain later.
Does it work with Nuxt?
This guide covers a static Vue SPA. Nuxt in server mode runs as a Node service - deploy it like a backend and set the port Nuxt listens on.
How do I call my backend API?
Point your frontend at your API URL with a build-time variable such as VITE_API_URL, and deploy the backend as a separate Rock8Cloud service.

More guides

Ship today

Ship your Vue app.Today.

Connect the repo, hit deploy, share the URL. Everything after that is just git push.

60 days free. No credit card required to start.