Django API pod /api/ i React SPA pod / na jednej domenie - bez CORS.
Środowisko
| Runtime | Jeden proces gunicorn, WhiteNoise serwuje build Reacta i statyki Django |
| Zalecany plan | Box M+ (build npm + proces Python) |
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ć
- Stawiasz z panelu - wybierz źródło szkielet (działający przykład z /api/health/) albo repo (własne repozytorium Git).
- Backend to katalog z manage.py i requirements.txt (domyślnie backend), frontend to katalog z package.json i package-lock.json (domyślnie frontend).
- Build frontendu powstaje podczas instalacji (npm ci + npm run build). Katalog wyniku podasz opcją katalog_builda - dist dla Vite, build dla Create React App.
- Odświeżenie dowolnej podstrony frontendu zwraca index.html - routing Reacta działa bez dodatkowej konfiguracji.
- Szczegóły w dokumentacji własnych aplikacji, sekcja Django + React.
Czas na deploy?
Wybierz plan Box i postaw aplikację Django + React jeszcze dziś.
