Ce guide vous explique comment déployer LiveCode Session sur Railway.
- Un compte GitHub avec votre code poussé
- Un compte Railway (gratuit) : https://railway.app
- Allez sur https://railway.app
- Cliquez sur "Start a New Project"
- Sélectionnez "Deploy from GitHub repo"
- Autorisez Railway à accéder à votre GitHub
- Sélectionnez le repo "livecode-session"
Railway détectera automatiquement le backend Python. Configurez les variables d'environnement :
Variables d'environnement à ajouter :
PORT: (Automatiquement défini par Railway)PYTHON_VERSION:3.9
- Dans votre projet Railway, cliquez sur "+ New"
- Sélectionnez "GitHub Repo" (le même repo)
- Configurez :
- Root Directory :
frontend - Build Command :
npm run build - Start Command :
npm run preview
- Root Directory :
Variables d'environnement frontend :
VITE_API_URL: URL de votre backend (ex:https://your-app-backend.up.railway.app)VITE_WS_URL: URL WebSocket (ex:wss://your-app-backend.up.railway.app)
Railway vous donnera deux URLs :
- Backend :
https://your-app-backend.up.railway.app - Frontend :
https://your-app-frontend.up.railway.app
- Copiez l'URL du backend
- Retournez dans les settings du frontend
- Mettez à jour :
VITE_API_URL=https://your-app-backend.up.railway.appVITE_WS_URL=wss://your-app-backend.up.railway.app
Railway peut aussi déployer avec un fichier de configuration :
# Pushez vos changements
git add .
git commit -m "Add Railway deployment config"
git push origin mainRailway redéploiera automatiquement à chaque push !
- Logs : Disponibles dans Railway Dashboard
- Metrics : CPU, RAM, Network dans l'onglet "Metrics"
- Rollback : Possible depuis l'onglet "Deployments"
-
Plan gratuit :
- 500 heures/mois d'exécution
- Parfait pour les démos et tests
-
Custom Domain :
- Vous pouvez ajouter votre propre domaine
- Railway Settings → Domains
-
Scaling :
- Démarrez avec 1 instance
- Augmentez si nécessaire
Le backend ne démarre pas ?
- Vérifiez les logs dans Railway
- Assurez-vous que
requirements.txtest à jour
WebSocket ne fonctionne pas ?
- Utilisez
wss://(pasws://) pour le backend en production - Vérifiez que CORS est configuré pour accepter votre frontend
Le frontend ne se connecte pas au backend ?
- Vérifiez que
VITE_API_URLetVITE_WS_URLpointent vers le bon backend - Vérifiez les logs du navigateur (F12)
Votre application est maintenant en ligne ! 🚀
Frontend : Accessible publiquement
Backend : API + WebSocket fonctionnels
Auto-deploy : Déploiement automatique à chaque push GitHub