SPA zbudowane Vite (React, ale też czysty Vite) - serwowane jako statyk.
Środowisko
| Runtime | Build na Node 22, output serwowany przez nginx (bez procesu Node) |
| Zalecany plan | Box S+ (statyk jest lekki) |
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-spa
stack: react
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ć
- Po buildzie zostaje tylko katalog dist - nginx serwuje go bezpośrednio.
- Routing SPA: wszystkie ścieżki wpadają na index.html (fallback skonfigurowany).
- Brak procesu w tle = zerowe zużycie RAM po deployu.
Gotowy na deploy?
Wybierz plan Box i postaw aplikację React / Vite jeszcze dziś.