env-setup
Configure l'environnement de développement pour un SaaS Next.js + Supabase + Vercel : outils CLI, variables d'env, RTK, vérifications.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Configure l'environnement de développement pour un SaaS Next.js + Supabase + Vercel : outils CLI, variables d'env, RTK, vérifications.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Workflow APEX — Analyze, Plan, Execute, Examine. À invoquer avant une tâche non triviale ou quand le contexte est flou.
"Génère un endpoint API complet avec validation, auth, error handling et tests."
Génère et intègre des assets multimédia dans un SaaS : images IA (Gemini), SVG (Quiver), vidéo (Remotion), audio (ElevenLabs), scroll 3D. Clés serveur, stockage objet, charte.
Mode exploration intensive. Lance plusieurs sous-agents pour explorer, challenger et synthétiser des recommandations sur un sujet complexe. Gourmand en tokens mais produit des décisions éclairées.
Debugging systématique avec analyse profonde. Traque la cause racine, pas le symptôme.
Mise à jour profonde d’une lib, framework ou API : recherche changelog officiel, breaking changes, puis migration clean — pas un simple npm update.
| name | env-setup |
| description | Configure l'environnement de développement pour un SaaS Next.js + Supabase + Vercel : outils CLI, variables d'env, RTK, vérifications. |
Vérifier que ces outils sont installés, sinon donner la commande d'installation :
| Outil | Vérification | Install |
|---|---|---|
| Node.js LTS | node -v ≥ 20 | https://nodejs.org |
| pnpm | pnpm -v | npm i -g pnpm |
| Supabase CLI | supabase -v | brew install supabase/tap/supabase-cli |
| Vercel CLI | vercel -v | pnpm i -g vercel |
| Git | git -v | — |
| RTK (token optimizer) | rtk --version | brew install rtk-ai/tap/rtk && rtk init --global |
| Python 3.9+ | python --version | https://python.org |
Créer .env.local à partir de .env.example.
Si .env.example n'existe pas, le générer avec ces variables minimales pour un SaaS Supabase :
# App
NEXT_PUBLIC_APP_URL=http://localhost:3000
# Supabase
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
DATABASE_URL= # pooler port 6543
DIRECT_URL= # direct port 5432
# Auth (si Better Auth ou NextAuth)
AUTH_SECRET= # openssl rand -base64 32
# Paiements (si Stripe)
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
# Emails (si Resend)
RESEND_API_KEY=
# Monitoring
SENTRY_DSN=
NEXT_PUBLIC_POSTHOG_KEY=
Vérifier que .env* est bien dans .gitignore.
git config user.name # vérifier configuré
git config user.email # vérifier configuré
git config core.autocrlf false # Windows : éviter les conflits CRLF
supabase start # Démarrer la DB locale
supabase status # Vérifier Studio URL + anon key locale
python scripts/project_health.py # Santé globale
python scripts/rtk_setup.py --check # RTK actif ?
pnpm install && pnpm dev # App démarre ?
RTK réduit les tokens Claude Code de 60-90%. Installer une fois globalement :
brew install rtk-ai/tap/rtk && rtk init --global
# Windows : winget install rtk-ai.rtk
Doc : docs/integrations/rtk-token-optimizer.md