vercel-deployment
نشر Next.js إلى Vercel
يوفر هذا الدليل إرشادات متخصصة لنشر تطبيقات Next.js على Vercel، بما في ذلك تكوين البيئة، ودوال Edge والخوادمless، وتحسين البناء، والمشكلات الشائعة في النشر.
تنزيل 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)
درجة الجودة
ماذا يمكنك بناءه
نشر Vercel لأول مرة
المطورون الجدد الذين يتعلمون كيفية نشر تطبيق Next.js الأول الخاص بهم للإنتاج
تحسين عمليات النشر الحالية
المطورون الذين يتطلعون إلى تحسين أداء تطبيقات Vercel المستضافة
حل مشكلات النشر
المطورون الذين يقومون بتصحيح أخطاء مشكلات البدء البارد أو مشكلات متغيرات البيئة أو مهلة الدوال
جرّب هذه الموجهات
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?
أفضل الممارسات
- استخدم دائمًا قواعد بيانات منفصلة لبيئات المعاينة والإنتاج لمنع تلف البيانات
- استخدم NEXT_PUBLIC_ فقط للقيم التي يجب أن تكون مرئية في المتصفح
- تكوين رؤوس التخزين المؤقت المناسبة لتجنب تقديم محتوى قديم بعد عمليات النشر
تجنب
- تخزين مفاتيح API أو الأسرار في متغيرات البيئة NEXT_PUBLIC_
- استخدام سلسلة اتصال قاعدة البيانات نفسها لجميع البيئات
- تعطيل التخزين المؤقت للبناء لضمان 'بناءات جديدة' (يؤثر على الأداء)