nextjs app router training
1.0.0
يقدم هذا الموقع أنماطًا أساسية مختلفة لـ NEXT.JS APP ROUTER لفهم كيفية العمل.
يهدف هذا المشروع إلى
| مثال | عطوف | حالة |
|---|---|---|
| تخطيطات التعشيش | تَخطِيط | ✅ |
| نموذج | تَخطِيط | ✅ |
| كتابة البيانات الوصفية | بيانات التعريف | ✅ |
| توليد صورة مفتوحة | بيانات التعريف | ✅ |
| مكونات الخادم | تقديم | ✅ |
| أنماط تكوين الخادم والعميل | تقديم | ✅ |
| حمولة RSC | تقديم | ✅ |
| مكونات العميل والخادم | أساسي | ✅ |
| التجميع | مجموعات الطريق | ✅ |
| التحميل على الفور | تحميل | ✅ |
| التحميل مع تدفق | تحميل | ✅ |
| التحميل مع بيانات التحميل المسبق | تحميل | ✅ |
| خطأ على الفور | خطأ | ✅ |
| لم يتم العثور عليها | خطأ | ✅ |
| جزء واحد | الطرق الديناميكية | ✅ |
| مقاطع الالتزام | الطرق الديناميكية | ✅ |
| شرائح اصطياد اختيارية | الطرق الديناميكية | ✅ |
| طرق موازية | طرق موازية | ✅ |
| الطرق الشرطية | طرق موازية | ✅ |
| اعتراض الطرق | اعتراض الطرق | ✅ |
| وسيط مع طرق متوازية | اعتراض الطرق | ✅ |
| بيانات التخزين المؤقت | جلب | ✅ |
| طلب المذكرة (server) | التخزين المؤقت | ✅ |
| ذاكرة التخزين المؤقت للبيانات (server) | التخزين المؤقت | ✅ |
| ذاكرة التخزين المؤقت الكاملة (Server) | التخزين المؤقت | ✅ |
| ذاكرة التخزين المؤقت لجهاز التوجيه (client) | التخزين المؤقت | ✅ |
| معالجات الطريق | معالجات الطريق | ✅ |
| شرائح المسار الديناميكي | معالجات الطريق | ✅ |
| إجراءات الخادم | إجراءات الخادم | ✅ |
| عناصر غير الشكل | إجراءات الخادم | ✅ |
| التحديثات المتفائلة | إجراءات الخادم | ✅ |
| تلوث | حماية | ✅ |
| خادم فقط إنهاء البيئة | حماية | ✅ |
| التسوق | تعرض | ✅ |
مرحبًا بك في تقديم مثال جديد ولكن يرجى كتابة رمز مبسط قدر الإمكان لفهم المبتدئين!
$ git clone [email protected]:hiroppy/nextjs-app-router-training.git
$ cd nextjs-app-router-training
$ npm i
$ mkdir src/app/examples/new-example
# adding code to src/app/examples/new-example
$ # editing src/app/examples/data.ts to add meta data, please refer type definitions
$ npm run generate
$ # editing a table in README.md 
