Vue 3 + Vite jako SPA - tak samo lekkie jak React.
Środowisko
| Runtime | Build na Node 22, output serwowany przez nginx |
| Zalecany plan | Box S+ |
Przykładowy saplo.yaml
Plik saplo.yaml w katalogu głównym repozytorium opisuje, jak Saplo ma zbudować i uruchomić aplikację. Wygeneruje go też komenda saplo init.
version: 1
name: my-vue-app
stack: vue
app_id: 1234
build:
command: npm run build
output: dist
Pełny opis wszystkich pól znajdziesz na stronie Plik saplo.yaml.
Jak wdrożyć
Ten stack wdrożysz na trzy sposoby - wybierz wygodny dla siebie:
- Z panelu - tworzysz aplikację klikami, kod wgrywasz później przez CLI lub Git.
- Saplo CLI - z katalogu projektu:
saplo init, potemsaplo deploy. - Deploy z GitHub - podłączasz repo raz, każdy push wdraża się sam.
# Najszybsza droga - z katalogu projektu
$ npm install -g @saplo/cli
$ saplo login
$ saplo init
$ saplo deploy
Dobrze wiedzieć
- Vue Router w trybie history działa - fallback na index.html jest aktywny.
- Output dir domyślnie dist - zmienisz go polem build.output.
Gotowy na deploy?
Wybierz plan Box i postaw aplikację Vue jeszcze dziś.