Open-source, lichtgewicht Trello-alternatief ontworpen voor makers en indie hackers.

Focus op eenvoud, snelheid en schaalbaarheid. Gebouwd met moderne stack: Tailwind CSS, shadcn/ui, Supabase, Stripe-integratie. Ondersteunt onbeperkte projecten, team samenwerking, donker/licht modus, en een naadloze gebruikerservaring. Perfect voor solo-ontwikkelaars en kleine teams die volledige controle willen zonder onnodige complexiteit.

🌟 Als je dit project nuttig vindt, overweeg dan om het een ster te geven! Zo help je anderen het ook te ontdekken.

Deploy Handleiding

Overzicht

Deze applicatie gebruikt nu lokale Next.js API-routes in plaats van Supabase Edge Functions voor Stripe-integratie. Dit maakt implementatie eenvoudiger en stelt je in staat om standaard .env-bestanden te gebruiken voor configuratie.

Instellen van Omgevingsvariabelen

1. Maak een .env.local bestand aan

Kopieer .env.example naar .env.local en vul je daadwerkelijke waarden in:

cp .env.example .env.local

2. Vereiste Omgevingsvariabelen

#### Supabase Configuratie

• NEXT_PUBLIC_SUPABASE_URL - De URL van je Supabase-project
• NEXT_PUBLIC_SUPABASE_ANON_KEY - Je anonieme Supabase-sleutel
• SUPABASE_SERVICE_ROLE_KEY - Je Supabase service role key (alleen server-side)

#### Stripe Configuratie (optioneel)

• STRIPE_SECRET_KEY - Je Stripe geheime sleutel (alleen server-side)
• NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY - Je Stripe publiceerbare sleutel
• STRIPE_WEBHOOK_SECRET - Je Stripe webhook-geheim

#### Site Configuratie

• NEXT_PUBLIC_SITE_URL - De URL van je site (voor productie)
• NEXTAUTH_URL - De URL van je site (dezelfde als hierboven)
• NEXTAUTH_SECRET - Een willekeurig geheim voor NextAuth

Lokale Ontwikkeling

• Installeer afhankelijkheden:

npm install

• Stel je omgevingsvariabelen in in .env.local
• Start de ontwikkelserver:

npm run dev

• Test Stripe-webhooks lokaal met behulp van Stripe CLI:

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

Productie-uitrol

Vercel-implementatie

• Implementeer op Vercel:

npx vercel

• Omgevingsvariabelen:

Voeg alle omgevingsvariabelen toe via het Vercel dashboard of de CLI

• Stripe Webhook Instellen:
• Wijs webhook naar: https://your-domain.vercel.app/api/stripe/webhook

API Eindpunten

De applicatie gebruikt nu deze lokale API-routes:

• POST /api/stripe/checkout - Maakt Stripe checkout-sessies aan
• POST /api/stripe/webhook - Verwerkt Stripe webhook-events

Voordelen van Lokale API-Routes

• Eenvoudigere Deploy - Geen aparte edge-functies nodig
• Omgevingsvariabelen - Standaard .env-bestand ondersteuning
• Betere Debugging - Makkelijker lokaal te debuggen
• Framework Integratie - Betere integratie met Next.js
• Geen Vendor Lock-in - Kan worden uitgerold op elk platform dat Next.js ondersteunt

Problemen Oplossen

• Webhook Problemen:
• Zorg dat STRIPE_WEBHOOK_SECRET overeenkomt met je Stripe webhook endpoint
• Controleer webhook logs in het Stripe dashboard
• Verifieer dat de webhook URL juist is
• Omgevingsvariabelen:
• Zorg dat alle vereiste variabelen zijn ingesteld
• Controleer op typfouten in variabelenamen
• Verifieer dat de Supabase service role key de juiste rechten heeft
• CORS Problemen:
• API-routes bevatten de juiste CORS headers
• Zorg dat je domein op de whitelist staat indien nodig

Beveiligingsnotities

• Stel nooit STRIPE_SECRET_KEY of SUPABASE_SERVICE_ROLE_KEY bloot aan de client
• Gebruik het voorvoegsel NEXT_PUBLIC_ alleen voor client-side variabelen
• Draai regelmatig je webhook secrets om
• Monitor de webhook-levering in het Stripe dashboard

--- Tranlated By Open Ai Tx | Last indexed: 2025-08-01 ---