Alternative Trello open-source et léger, conçu pour les makers et les indie hackers.

Axé sur la simplicité, la rapidité et l’évolutivité. Construit avec une stack moderne : Tailwind CSS, shadcn/ui, Supabase, intégration Stripe. Prend en charge les 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 souhaitant un contrôle total sans complexité inutile.

🌟 Si ce projet vous est utile, pensez à lui attribuer une étoile ! Cela aide aussi d’autres personnes à le découvrir.

Guide de Déploiement

Vue d’ensemble

Cette application utilise désormais les routes API locales de Next.js à la place des fonctions Edge de Supabase pour l’intégration Stripe. Cela simplifie le déploiement et vous permet d’utiliser les fichiers .env standards 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.local

2. Variables d'environnement requises

#### Configuration Supabase

• NEXT_PUBLIC_SUPABASE_URL - L’URL de votre projet Supabase
• NEXT_PUBLIC_SUPABASE_ANON_KEY - Votre clé anonyme Supabase
• SUPABASE_SERVICE_ROLE_KEY - Votre clé de rôle de service Supabase (côté serveur uniquement)

#### Configuration Stripe (optionnel)

• STRIPE_SECRET_KEY - Votre clé secrète Stripe (côté serveur uniquement)
• NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY - Votre clé publique Stripe
• STRIPE_WEBHOOK_SECRET - Votre secret de webhook Stripe

#### Configuration du site

• 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 en utilisant Stripe CLI :

stripe listen --forward-to localhost:3000/api/stripe/webhook

Déploiement en production

Déploiement sur Vercel

• Déployer sur Vercel :

npx vercel

• Variables d’environnement :

Ajoutez toutes les variables d’environnement via le tableau de bord Vercel ou la CLI

• 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 Stripe
• POST /api/stripe/webhook - Gère les événements du 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
• Aucune dépendance fournisseur - Peut être déployé sur toute plateforme compatible Next.js

Dépannage

• Problèmes de webhook :
• Assurez-vous que STRIPE_WEBHOOK_SECRET correspond à votre endpoint webhook Stripe
• Vérifiez 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 dispose des 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_KEY ou SUPABASE_SERVICE_ROLE_KEY au client
• Utilisez le préfixe NEXT_PUBLIC_ uniquement pour les variables côté client
• Faites pivoter régulièrement vos secrets de webhook
• Surveillez la livraison des webhooks dans le tableau de bord Stripe

--- Tranlated By Open Ai Tx | Last indexed: 2025-07-20 ---