تخطَّ إلى المحتوى

AI Integration Stack

الدرس 36 من 55

الهدف

بعد هالدرس تقدر تبني AI feature حقيقية في Next.js — API route يستدعي Claude و streaming response في الـ UI.

ليش هذا الحين؟

Hosting جاهز. الحين الـ feature المميزة — AI. أغلب الـ vibe coding projects تحتاج AI call. هالدرس يخليك تبني هالـ call بشكل صحيح.

الفكرة

مقارنة AI Providers:

Provider         Model              Price/1M tokens   Context Window
──────────────────────────────────────────────────────────────────────
Anthropic        claude-sonnet-4-6  متوسط             200K tokens
Anthropic        claude-haiku-4-5   رخيص              200K tokens
OpenAI           gpt-4o-mini        رخيص              128K tokens
OpenAI           gpt-4o             غالي              128K tokens
Ollama (local)   llama3.2           مجاني             يعتمد على الـ RAM

محتاج مساعدة؟ راسلنا على mj@shakesbeard.net