Deploy a Vue app

Deploy Vue in six steps

1. 01

   Push your Vue project to a GitHub repository.

2. 02

   Sign in to Rimbra, choose New project and import the repository. Rimbra asks GitHub for access to the repositories you pick.

3. 03

   Rimbra sees a Vite config in a Vue project and runs npm run build, then serves the built files. Change the root directory or the commands in Settings if your project needs it.

4. 04

   Paste your .env into Variables. Every line becomes a variable, available on the next deploy.

5. 05

   Deploy. The build log streams line by line, and your app goes live at your-project.rimbra.live (or .xyz or .click, your choice) over HTTPS.

6. 06

   Optional: buy or connect a domain, and Rimbra points it at your app with HTTPS issued automatically.

What your app needs

Nothing special. Rimbra builds your project and serves the output over HTTPS.

{
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
}

Vue on Rimbra

• For server-side rendering with Vue, use Nuxt, which Rimbra also detects.

Read the full list of detected frameworks and default commands in the frameworks docs.

Questions