ملخص: لماذا Next.js
جزء من قسم أساسيات Next.js في رحلة React على Coddy — الدرس 4 من 47.
التحدي
سهلملخص الفصل: ابنِ صفحة من لا شيء، باستخدام كل شيء تعلمته في هذا الفصل.
- يحدد
app/page.jsxحاليًا مكونًا ولكن لا يمكن لـ Next.js العثور عليه. قم بتعيينه كـ default export للملف. - داخل
<main>، أضف<h1>معid="title"والنصCoddy Eats. - أسفله، أضف
<p>معid="tagline"والنصBuilt with Next.js.
جرّب بنفسك
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}جميع دروس أساسيات Next.js
4الخادم والعميل (Server & Client)
نوعان من المكوناتقراءة الخطأسطر 'use client'الحفاظ على أجزاء العميل صغيرةخادم داخل عميلملخص: الخادم والعميل2التوجيه والروابط
المجلدات هي مسارات التوجيهالمسارات المتداخلةربط الصفحاتالمسارات الديناميكيةصفحات غير موجودةملخص: التوجيه
3التخطيطات والبيانات الوصفية
التخطيط الرئيسيالتنقل المشتركالتخطيطات المتداخلةالبيانات الوصفية للصفحةالبيانات الوصفية الديناميكيةملخص: التخطيطات6إجراءات الخادم (Server Actions)
ما هو إجراء الخادم (Server Action)؟نماذج تعمل وتتفاعلقراءة بيانات النموذجتحديث الصفحةملخص: إجراءات الخادم