حان وقت بناء شيء حقيقي. في هذا التمرين، ستنشئ صفحة رئيسية شخصية وتنشرها على الإنترنت باستخدام Cloudflare Workers. في النهاية، سيكون لديك موقع حي على عنوان .workers.dev.
الأدوات
ستستخدم ثلاث أدوات لبناء موقعك ونشره:
Hono إطار ويب صغير وسريع يعمل على Cloudflare Workers. يتولى التوجيه، ويقدّم صفحاتك، ويدعم JSX حتى تكتب HTML بأسلوب يشبه المكوّنات. فكّر فيه كبديل خفيف لـ Express أو Next.js، مصمّم خصيصًا لبيئات تشغيل الحافة (edge runtimes).
Tailwind CSS إطار CSS يعتمد على الأصناف المساعدة. بدل كتابة CSS مخصص، تصمّم العناصر بأصناف مثل text-lg وbg-blue-500 وrounded-xl. في هذا التمرين، ستحمّل Tailwind من CDN بوسم <script> واحد — بلا خطوة بناء، بلا ملفات إعداد، بلا npm install. هذا خيار عملي للمشاريع الصغيرة والنماذج الأولية حين تريد التحرك بسرعة.
Cloudflare Workers منصة بدون خادم تشغّل شيفرتك على الحافة — قريبًا من زوارك، في أنحاء العالم. النشر أمر واحد (npx wrangler deploy)، والخطة المجانية سخية بما يكفي للمشاريع الشخصية.
المتطلبات
ستحتاج إلى Node.js مثبّتًا لتشغيل خادم التطوير والنشر. إن لم يكن لديك:
- macOS:
brew install node(يتطلب Homebrew) - Windows/Linux: نزّل المثبّت من nodejs.org
ستحتاج أيضًا إلى حساب Cloudflare مجاني — يمكنك التسجيل بسرعة بحساب Google. إن لم يكن لديك حساب، سيساعدك الوكيل على إنشائه.
ما الذي ستبنيه
صفحة رئيسية شخصية — صفحة واحدة باسمك ونبذة قصيرة واهتماماتك وروابط إلى حساباتك أو مشاريعك. ستجعلها أنيقة باستخدام Tailwind وتنشرها لتعمل على الإنترنت.
بعد أن تعمل الأساسيات، يمكنك المضي أبعد: إضافة المزيد من الصفحات، ربط شيء ديناميكي بـ Workers KV (مثل عدّاد زوار)، أو توجيه نطاق مخصص إليها.