Alternative open-source et légère à Trello conçue pour les makers et les indie hackers.
Axée sur la simplicité, la rapidité et la scalabilité. Construite avec des technologies modernes : Tailwind CSS, shadcn/ui, Supabase, intégration Stripe. Prend en charge des projets illimités, la collaboration en équipe, le mode sombre/clair et une expérience utilisateur fluide. Parfait pour les développeurs solo et les petites équipes qui souhaitent un contrôle total sans complexité inutile.
🌟 Si vous trouvez ce projet utile, pensez à lui donner une étoile ! Cela aide aussi d'autres personnes à le découvrir.
Guide de Déploiement
Aperçu
Cette application utilise désormais des routes API locales Next.js au lieu des Edge Functions Supabase pour l'intégration Stripe. Cela simplifie le déploiement et permet d'utiliser les fichiers .env standard pour la configuration.Configuration des variables d'environnement
1. Créez le fichier .env.local
Copiez.env.example en .env.local et renseignez vos valeurs réelles :cp .env.example .env.local2. Variables d'environnement requises
#### Configuration Supabase
NEXT_PUBLIC_SUPABASE_URL- L’URL de votre projet SupabaseNEXT_PUBLIC_SUPABASE_ANON_KEY- Votre clé anonyme SupabaseSUPABASE_SERVICE_ROLE_KEY- Votre clé de rôle de service Supabase (uniquement côté serveur)
STRIPE_SECRET_KEY- Votre clé secrète Stripe (uniquement côté serveur)NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY- Votre clé publique StripeSTRIPE_WEBHOOK_SECRET- Votre secret de webhook Stripe
NEXT_PUBLIC_SITE_URL- L’URL de votre site (pour la production)NEXTAUTH_URL- L’URL de votre site (identique à ci-dessus)NEXTAUTH_SECRET- Un secret aléatoire pour NextAuth
Développement local
- Installer les dépendances :
npm install- Configurez vos variables d'environnement dans
.env.local - Lancez le serveur de développement :
npm run dev- Testez les webhooks Stripe localement à l'aide du Stripe CLI :
stripe listen --forward-to localhost:3000/api/stripe/webhookDéploiement en Production
Déploiement sur Vercel
- Déployer sur Vercel :
npx vercel- Variables d'environnement :
- Configuration du webhook Stripe :
- Pointez le webhook vers :
https://your-domain.vercel.app/api/stripe/webhook
Points de terminaison API
L'application utilise désormais ces routes API locales :
POST /api/stripe/checkout- Crée des sessions de paiement StripePOST /api/stripe/webhook- Gère les événements webhook Stripe
Avantages des routes API locales
- Déploiement simplifié - Pas besoin de déployer des fonctions edge séparées
- Variables d'environnement - Prise en charge standard du fichier .env
- Meilleur débogage - Plus facile à déboguer en local
- Intégration au framework - Meilleure intégration avec Next.js
- Pas de verrouillage fournisseur - Peut être déployé sur toute plateforme supportant Next.js
Dépannage
- Problèmes de webhook :
- Vérifiez que
STRIPE_WEBHOOK_SECRETcorrespond à votre endpoint webhook Stripe - Consultez les journaux du webhook dans le tableau de bord Stripe
- Vérifiez que l'URL du webhook est correcte
- Variables d'environnement :
- Vérifiez que toutes les variables requises sont définies
- Vérifiez les fautes de frappe dans les noms de variables
- Vérifiez que la clé de rôle de service Supabase a les permissions appropriées
- Problèmes CORS :
- Les routes API incluent les bons en-têtes CORS
- Vérifiez que votre domaine est sur liste blanche si nécessaire
Notes de sécurité
- Ne jamais exposer
STRIPE_SECRET_KEYouSUPABASE_SERVICE_ROLE_KEYau client - Utilisez le préfixe
NEXT_PUBLIC_uniquement pour les variables côté client - Faites régulièrement tourner vos secrets de webhook
- Surveillez la livraison des webhooks dans le tableau de bord Stripe