cloudflare-full-stack-integration

Production-tested patterns for React + Cloudflare Workers + Hono + Clerk authentication.

Key Insight: The Worker and frontend run on the SAME port during development.

Why: The Vite plugin runs your Worker using workerd directly in the dev server. No proxy needed!

أنماط التكامل التي تم اختبارها في الإنتاج لربط واجهات React الأمامية بالواجهات الخلفية لـ Cloudflare Worker مع Hono ومصادقة Clerk وقواعد بيانات D1. يمنع مشكلات الاتصال الأمامية والخلفية الشائعة، أخطاء CORS، وفشل رمز المصادقة، وظروف السباق. يُستخدم عندما: توصيل الواجهة الأمامية بالواجهة الخلفية، وتنفيذ تدفق المصادقة، وإعداد استدعاءات واجهة برمجة التطبيقات، استكشاف أخطاء CORS وإصلاحها، وإصلاح حالات السباق، وعدم مرور رموز المصادقة، وأخطاء الاتصال بالواجهة الأمامية والخلفية، أخطاء 401، ودمج Clerk مع Workers، وإعداد تطبيق Cloudflare الكامل، وإعداد البرنامج المساعد cloudflare. يمنع: أخطاء CORS، 401 غير مصرح به، عدم تطابق رمز المصادقة، حالات السباق مع تحميل المصادقة، ارتباك متغير البيئة، استدعاء الواجهة الأمامية لنقاط نهاية خاطئة، أخطاء التحقق من JWT، مشكلات اتصال D1. الكلمات الرئيسية: تكامل الواجهة الخلفية للواجهة الأمامية، عمال Cloudflare، Hono، مصادقة Clerk، التحقق من JWT، CORS، عميل React API، ظروف السباق، تحميل المصادقة، مشكلات الاتصال، التكامل الكامل، البرنامج المساعد vite، @cloudflare/vite-plugin، قاعدة بيانات D1، ومتغيرات البيئة، ومرفقات الرمز المميز، وإدارة الجلسة، والمسارات المحمية، والبرمجيات الوسيطة لواجهة برمجة التطبيقات (API). المصدر: jackspace/claudeskillz.