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 naadloze gebruikerservaring. Perfect voor solo-ontwikkelaars en kleine teams die volledige controle willen zonder onnodige complexiteit.

🌟 Vind je dit project nuttig? Geef het dan een ster! Zo kunnen anderen het ook ontdekken.

Deploy Handleiding

Overzicht

Deze applicatie gebruikt nu lokale Next.js API-routes in plaats van Supabase Edge Functions voor Stripe-integratie. Dit maakt de deployment eenvoudiger en laat je standaard .env-bestanden gebruiken voor configuratie.

Instellen van Omgevingsvariabelen

1. Maak een .env.local bestand aan

Kopieer .env.example naar .env.local en vul je eigen 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 sleutel van Supabase
• SUPABASE_SERVICE_ROLE_KEY - Je Supabase service role key (alleen server-side)

#### Stripe Configuratie (optioneel)

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

#### 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-implementatie

Vercel-implementatie

• Implementeer naar Vercel:

npx vercel

• Omgevingsvariabelen:

Voeg alle omgevingsvariabelen toe via het Vercel-dashboard of de CLI

• Stripe Webhook Instellen:
• Verwijs de 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 Implementatie - Geen aparte edge-functies meer nodig
• Omgevingsvariabelen - Standaard .env-bestand ondersteuning
• Betere Debugging - Gemakkelijker lokaal te debuggen
• Framework-integratie - Betere integratie met Next.js
• Geen Vendor Lock-in - Kan op elk platform worden uitgerold 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
• Controleer of de webhook-URL correct is
• Omgevingsvariabelen:
• Zorg dat alle vereiste variabelen zijn ingesteld
• Controleer op typfouten in de variabelennamen
• Controleer of 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 STRIPE_SECRET_KEY of SUPABASE_SERVICE_ROLE_KEY nooit bloot aan de client
• Gebruik het voorvoegsel NEXT_PUBLIC_ alleen voor variabelen aan de clientzijde
• Draai je webhook-geheimen regelmatig om
• Monitor de aflevering van webhooks in het Stripe-dashboard

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