---
title: Vue
head:
  - tag: "meta"
    attrs:
        property: "og:title"
        content: "How to deploy a Vue app with Coolify"
description: "A guide on how to deploy a Vue app with Coolify."
---

Vue.js is an approachable, performant and versatile framework for building web user interfaces.

[Example repository.](https://github.com/coollabsio/coolify-examples/tree/main/vue)

## Server build (NodeJS|Express)

- Set `Build Pack` to `nixpacks`.
- Set 'Start Command` to `node server.js`.

## Static build (SPA)

- Set `Build Pack` to `nixpacks`.
- Enable `Is it a static site?`.
- Set `Output Directory` to `dist`.

## Static build with Router (SPA)

- Set `Build Pack` to `nixpacks`.
- Enable `Is it a static site?`.
- Set `Output Directory` to `dist`.