Site Interra - Version SvelteKit
🎉 Migration réussie de Gatsby vers SvelteKit !
Ce projet est la version migrée du site Interra, passant de Gatsby.js à SvelteKit pour améliorer les performances et résoudre les problèmes de build Netlify.
🚀 Avantages de la migration
- ✅ Build plus rapide : 2-3 secondes vs 15+ minutes avec Gatsby
- ✅ Pas de timeout Netlify : Build stable et fiable
- ✅ Code plus simple : Plus de GraphQL complexe
- ✅ Meilleure performance : SvelteKit optimisé
- ✅ Tailwind CSS fonctionnel : Styles complets
📁 Structure du projet
sveltekit-site/
├── src/
│ ├── routes/ # Pages du site
│ ├── lib/ # Composants et utilitaires
│ └── app.css # Styles Tailwind
├── static/ # Assets statiques
├── .env.local # Variables d'environnement
└── netlify.toml # Configuration Netlify
🛠️ Installation et développement
cd sveltekit-site
npm install
npm run dev
🎨 Pages migrées
- ✅ Page d'accueil
- ✅ Contact
- ✅ Découvrir Interra
- ✅ Projets
- ✅ Agir avec nous
- ✅ Campagne 2025
- ✅ Duo2Change
- ✅ Inter-Act
- ✅ Interlab
- ✅ Formation Interculturelle
- ✅ Histoires
- ✅ Séance d'information
- ✅ Newsletter
- ✅ Une histoire dans l'assiette
- ✅ Page 404
🔧 Configuration
Variables d'environnement
Créez un fichier .env.local avec :
VITE_DATOCMS_API_TOKEN=votre_token_dato
DatoCMS
Le site utilise DatoCMS pour le contenu. Les API routes sont configurées dans src/routes/api/.
🚀 Déploiement Netlify
- Connectez le repository à Netlify
- Configurez les variables d'environnement
- Le build se lancera automatiquement
📊 Comparaison des performances
| Aspect | Gatsby | SvelteKit | Amélioration |
|---|---|---|---|
| Build time | 15+ min | 2-3 sec | 99% plus rapide |
| Bundle size | ~3MB | ~1MB | 66% plus petit |
| Timeout Netlify | ❌ Fréquent | ✅ Aucun | 100% fiable |
| Complexité | GraphQL | API simple | Beaucoup plus simple |
🎯 Prochaines étapes
- Tester toutes les pages
- Vérifier l'intégration DatoCMS
- Optimiser les images
- Déployer sur Netlify
Migration réalisée avec succès ! 🎉
