Skip to content

كومة السحابة لتطبيقات الذكاء الاصطناعي — إتقان2 / 8

Next.js على Vercel — طبقة التطبيق

إطار عمل واحد لواجهة المستخدم والـ API وعرض الخادم؛ منصة واحدة تُنشر عند دفع git. طبقة التطبيق يجب أن تكون الجزء الذي لا تفكر فيه أبداً.

Next.js على Vercel — طبقة التطبيق

طبقة التطبيق هي المكان الذي يتواجد فيه معظم الكود، لذا الهدف هو جعلها الجزء الذي تفكر فيه بشكل أقل. Next.js على Vercel يحقق لك ذلك: واجهة المستخدم والـ API والعرض في إطار عمل واحد، منشور عند الدفع.

إطار عمل واحد، ثلاث وظائف

  • Server Components تجلب البيانات وتعرض على الخادم — لا حاجة لاستدعاء API منفصل لبيانات الصفحة.
  • Route handlers (app/api/*) هي نقاط نهاية الخادم الخاص بك: checkout، webhooks، وكلاء LLM.
  • Streaming يتيح لك دفع الرموز إلى المتصفح أثناء توليد النموذج — تجربة مستخدم أساسية للذكاء الاصطناعي.

بث استجابة LLM

لأي شيء توليدي، استخدم البث. معالج الطريق يعيد ReadableStream؛ العميل يعرض الرموز كما تصل. المستخدمون يتحملون إجابة مكتملة بطيئة بدرجة أقل بكثير من واحدة تُبث بسرعة.

Edge مقابل Node

  • Edge — زمن استجابة منخفض، موزع عالمياً، لكن وقت تشغيل محدود (بدون واجهات برمجية كاملة من Node).
  • Node — واجهات برمجية كاملة (معظم المكتبات البرمجية، عمليات الملفات)، بداية باردة أعلى قليلاً.

افترض Node افتراضياً لمسارات LLM وقاعدة البيانات (توافق المكتبة البرمجية)؛ استخدم Edge لنقاط النهاية الخفيفة الحساسة لزمن الاستجابة.

الخطوة التالية: طبقة البيانات التي تدعمها — Supabase.

شارك هذا المقال

#Vercel #Cloud #AI

LinkedInX / TwitterBlueskyThreadsRedditHacker NewsWhatsAppبريد إلكتروني

السلسلة — كومة السحابة لتطبيقات الذكاء الاصطناعي — إتقان

  1. الجزء 01مجموعة أدوات المنتج الذكي برأي واضحاختيار البنية التحتية هو حيث تختفي الأسابيع. إليك مجموعة افتراضية تتيح لفريق صغير شحن منتج ذكي في أيام — ومتى تنحرف عن المسار.
  2. الجزء 02Next.js على Vercel — طبقة التطبيقأنت هناإطار عمل واحد لواجهة المستخدم والـ API وعرض الخادم؛ منصة واحدة تُنشر عند دفع git. طبقة التطبيق يجب أن تكون الجزء الذي لا تفكر فيه أبداً.
  3. الجزء 03Supabase — Postgres والمصادقة والتخزين في واحدPostgres حقيقي، مصادقة، تخزين ملفات و pgvector خلف SDK واحد. لمنتج ذكاء اصطناعي، وجود بيانات المتجهات في قاعدة البيانات نفسها هو قوة خفية حقيقية.
  4. الجزء 04Stripe — المدفوعات والاشتراكاتتحصيل الأموال مسألة محلولة — إذا تركت Stripe تحلها. Checkout المستضاف، والاشتراكات، وwebhook الذي هو مصدر الحقيقة الفعلي.
  5. الجزء 05Resend — البريد الإلكتروني المعاملات الذي يصل إلى الصندوق الواردالإيصال ورابط التحميل وإعادة تعيين كلمة المرور — إذا وصلت جميعها إلى مجلد الرسائل غير المرغوب فيها، يبدو المنتج معطلاً. القابلية للتسليم هي ميزة.
  6. الجزء 06AWS — عندما تتجاوز المسار المُدارالمكدس المُدار يغطي 90% من منتج الذكاء الاصطناعي. AWS هو منفذ الهروب للـ 10% الأخرى — الوظائف الطويلة، الاستدلال على GPU، الملفات الكبيرة. استخدمه بدقة جراحية.
  7. الجزء 07الأسرار والمتغيرات والإعدادات عبر البيئات المختلفةخمس خدمات، ثلاث بيئات، مفتاح واحد فقط يفصل بينك وبين أسبوع صعب. انضباط الإعدادات غير براق وغير قابل للتفاوض.
  8. الجزء 08الشحن في أيام — دليل التوصيلالمجموعة الكاملة مرتبة في تسلسل البناء: من المستودع الفارغ إلى منتج مدفوع وبه بريد إلكتروني وقوة ذكاء اصطناعي في أسبوع عمل واحد.

تابع التعلّم

الدورة

دورة Claude Mastery

12 وحدة · 5 لغات · شهادة · تجربة 3 أيام مجاناً.

الخطط ←
LinkedInX / TwitterBlueskyThreads