تعديل الصفحة

دعونا نجرب تعديل الصفحة الأولية.

• تأكد من أن خادم التطوير الخاص بـ Next.js لا يزال يعمل.
• افتح ملف pages/index.js باستخدام محرر النصوص الخاص بك.
• ابحث عن النص الذي يقول "Welcome to" تحت وسم <h1> وغيرها إلى "Learn".
• احفظ الملف.

بمجرد حفظ الملف، يقوم المتصفح تلقائيًا بتحديث الصفحة بالنص الجديد:

يحتوي خادم التطوير الخاص بـ Next.js على ميزة التحديث السريع (Fast Refresh) مفعلة. عند إجراء تغييرات على الملفات، يقوم Next.js تلقائيًا بتطبيق التغييرات في المتصفح على الفور تقريبًا. لا حاجة لإعادة التحميل! هذا سيساعدك على التكرار السريع في تطبيقك.

التالي: إنشاء الصفحات

عمل رائع! هذا كل شيء فيما يخص الدرس الأول.

في الدرس التالي، سنتحدث عن إنشاء المزيد من الصفحات والتنقل بين الصفحات.

يجب أن تبقي خادم التطوير يعمل، ولكن إذا أردت إعادة تشغيله، اضغط على Ctrl + c لإيقاف الخادم.