مجلد App
جزء من قسم أساسيات Next.js في رحلة React على Coddy — الدرس 2 من 47.
افتح قائمة الملفات. يحمل بنية مشروع Next.js دلالة ومعنى معينين:
app/
layout.jsx the shell around every page
page.jsx the page at /
globals.css styles for the whole appهناك اسمان للملفات لهما أهمية خاصة، وستستخدمهما باستمرار:
page.jsx: يجعل المجلد مسار URL يمكن زيارته.app/page.jsxهو الصفحة الرئيسية،/.layout.jsx: يغلف الصفحات الموجودة أدناه. يحتوي التخطيط الرئيسي الجذر على<html>و<body>، لذلك تشاركهeveryصفحة.
الأسماء ليست مجرد عرف يمكنك تغييره. يبحث Next.js عن أسماء الملفات هذه بالضبط. بهذه الطريقة يتحول مجلد الملفات إلى تطبيق `app` يحتوي على عناوين URL.
مخطط التخطيط الرئيسي (root layout) مقفل في هذه الدروس، لذا لن تتسبب أي مشكلة في هيكل النظام (shell) في تعطيل تطبيقك (app). ستعمل في الملف app/page.jsx والملفات التي تضيفها بنفسك.
جرّب بنفسك
لا يتضمّن هذا الدرس تحدّيًا برمجيًا.
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس أساسيات Next.js
4الخادم والعميل (Server & Client)
نوعان من المكوناتقراءة الخطأسطر 'use client'الحفاظ على أجزاء العميل صغيرةخادم داخل عميلملخص: الخادم والعميل2التوجيه والروابط
المجلدات هي مسارات التوجيهالمسارات المتداخلةربط الصفحاتالمسارات الديناميكيةصفحات غير موجودةملخص: التوجيه
3التخطيطات والبيانات الوصفية
التخطيط الرئيسيالتنقل المشتركالتخطيطات المتداخلةالبيانات الوصفية للصفحةالبيانات الوصفية الديناميكيةملخص: التخطيطات6إجراءات الخادم (Server Actions)
ما هو إجراء الخادم (Server Action)؟نماذج تعمل وتتفاعلقراءة بيانات النموذجتحديث الصفحةملخص: إجراءات الخادم