تطوير المواقع والتطبيقات باستخدام Next.js

متى يكون Next.js الخيار الصحيح

Next.js إطار عمل للويب مبني على React. يرسل الصفحات إلى المتصفح بصيغة HTML جاهزة: بعضها يُنتَج مرة واحدة أثناء البناء، وبعضها يُجهَّز على الخادم عند وصول الطلب. وبذلك يمكن أن تجتمع في المشروع نفسه صفحات المحتوى التي يُنتظر أن تجلب زواراً من محركات البحث، وشاشات التطبيق مثل النماذج والتسجيل وصفحات المشاركة.

أثناء البناء أم عند الطلب

في Next.js يُتخذ هذا القرار صفحةً صفحة. تُنتَج صفحات hippotenus.com أثناء البناء، وكذلك صفحات المدونة والورش والمشاريع في Atölye Tasarım. أما صفحة المشاركة التي تعرض تصميماً حفظته مدرسة ما فتُجهَّز على الخادم عند الطلب، لأن محتواها غير معروف مسبقاً.

ماذا يفعل Next.js في منتجاتنا

يلبّي مشروعا Next.js المنشوران لدينا احتياجين مختلفين: أحدهما موقع تعريفي غني بالمحتوى، والآخر موقع شركة يضم مصمماً ثلاثي الأبعاد.

• موقع hippotenus.com منشور بالتركية والإنجليزية، وتُنتَج صفحات اللغتين أثناء البناء.
• تُنتَج أدلة امتحانات LGS وYKS وKPSS من ملفات MDX محفوظة بجانب الكود، ويُعاد إنشاء خريطة الموقع مع هذه الأدلة في كل إصدار.
• في البحث عن المعلمين تُنشأ عناوين مستقلة لتوليفات المدن والمواد التي يتوفر لها محتوى كافٍ.
• تُحفظ عمليات إعادة التوجيه الدائمة (301) للصفحات التي تغيّر عنوانها في إعدادات Next.js، فلا تتعطل الروابط القديمة.
• في Atölye Tasarım يُحمَّل المصمم ثلاثي الأبعاد في المتصفح فقط، بينما يأتي نص الصفحة وعناوينها وصور المشاركة جاهزة من الخادم.
• يذهب التصميم الذي ترسله المدرسة إلى نقطة API في Next.js: يتحقق Cloudflare Turnstile من أن المرسل ليس روبوتاً، ويُعاد حساب السعر على الخادم، ويُكتب السجل في Postgres عبر Drizzle ORM والصور في Vercel Blob.
• في مشروع لأحد العملاء استخدمنا Next.js لبوابة تتطلب تسجيل الدخول: يُتحقق من الجلسة في middleware، وتقع شاشات الطلاب والمدربين في مسارات منفصلة، والبوابة مغلقة أمام محركات البحث عن قصد.

ما نقوم به لمحركات البحث

كيف يسير مشروع Next.js

1. 01

   مكالمة تعريفية مجانية

   30 دقيقة

   نتحدث عن عمليات البحث التي يُنتظر أن يجلب منها الموقع زواراً، والصفحات التي سيضمها، والميزانية التي تفكر فيها.

2. 02

   نطاق مكتوب وعرض سعر

   نكتب قائمة الصفحات واللغات، وأي الصفحات تُنتَج أثناء البناء وأيها عند الطلب، ومعايير القبول.

3. 03

   إصدارات أسبوعية

   كل أسبوع ترى نسخة عاملة من الموقع، وتنتقل ملاحظاتك على المحتوى والتصميم إلى الأسبوع التالي.

4. 04

   الاختبار والإطلاق

   يختبر مهندس ضمان جودة أول الصفحات على الحاسوب والهاتف قبل الإطلاق. وإذا كان الموقع يحل محل موقع قديم فإن إعادة توجيه العناوين القديمة تُضبط في هذه المرحلة أيضاً.

5. 05

   الثلاثون يوماً بعد الإطلاق

   30 يوماً

   نصلح مجاناً الأخطاء التي تظهر في هذه الفترة، وبعدها يمكنك المتابعة بصيانة شهرية.

المدد ونطاقات الميزانية منشورة في صفحتي تطوير تطبيقات الويب والأسعار، وكل ما في هذه الصفحة يتبع الأرقام نفسها.

أسئلة شائعة عن Next.js