vercel-deployment
Déployer Next.js sur Vercel
Cette compétence fournit des conseils experts pour déployer des applications Next.js sur Vercel, couvrant la configuration des environnements, les fonctions edge et serverless, l'optimisation de la compilation et les pièges courants du déploiement.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "vercel-deployment". How do I deploy my Next.js app to Vercel?
النتيجة المتوقعة:
- To deploy to Vercel, you can use the Vercel CLI or connect your Git repository.
- 1. Using CLI: Run 'vercel' in your project root
- 2. Using Git: Push to GitHub/GitLab/Bitbucket and import in Vercel dashboard
- Key considerations: Configure environment variables, set up preview deployments for testing, and monitor with Vercel Analytics
استخدام "vercel-deployment". What are common mistakes to avoid when deploying to Vercel?
النتيجة المتوقعة:
- Common pitfalls include:
- - Using NEXT_PUBLIC_ prefix for secrets (exposes them to browser)
- - Using production database for preview deployments
- - Not configuring build cache properly
- - Using Node.js APIs in Edge runtime that are not supported
- - Missing environment variables at runtime that were present at build time
التدقيق الأمني
آمنThis skill provides expert knowledge for deploying Next.js applications to Vercel. All static scanner findings were evaluated as false positives: the backticks flagged are markdown inline code formatting, not shell execution; the cryptographic and network flags are common technical terms used in their legitimate context (production deployment, edge functions). No security risks identified.
مشكلات متوسطة المخاطر (2)
درجة الجودة
ماذا يمكنك بناءه
Premier déploiement Vercel
Développeurs débutants apprenant à déployer leur première application Next.js en production
Optimisation des déploiements existants
Développeurs cherchant à améliorer les performances de leurs applications hébergées sur Vercel
Résolution des problèmes de déploiement
Développeurs déboguant les problèmes de cold start, les variables d'environnement ou les timeouts de fonctions
جرّب هذه الموجهات
How do I deploy my Next.js app to Vercel?
What environment variables do I need to set for my Vercel production deployment?
When should I use Edge functions vs Serverless functions on Vercel?
How can I optimize my Vercel build to reduce cold start times and bundle size?
أفضل الممارسات
- Toujours utiliser des bases de données séparées pour les environnements de prévisualisation et de production afin d'éviter la corruption des données
- Utiliser NEXT_PUBLIC_ uniquement pour les valeurs qui doivent être visibles dans le navigateur
- Configurer les en-têtes de cache appropriés pour éviter de servir du contenu obsolète après les déploiements
تجنب
- Stocker les clés API ou secrets dans les variables d'environnement NEXT_PUBLIC_
- Utiliser la même chaîne de connexion à la base de données pour tous les environnements
- Désactiver le cache de compilation pour 'assurer des builds fresh' (nocif pour les performances)