الفرق بين المراجعتين لصفحة: «Next.js»
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 4: | سطر 4: | ||
'''متطلبات النظام:''' | '''متطلبات النظام:''' | ||
* حزمة نسختها أو أعلى | * حزمة Node.js نسختها [https://nodejs.org/en/ 12.22.0] أو أعلى | ||
* نظام تشغيل ماك أو ويندوز (بما في ذلك منظومة ويندوز الفرعية لدعم لينكس WSL) أو لينكس. | * نظام تشغيل ماك أو ويندوز (بما في ذلك منظومة ويندوز الفرعية لدعم لينكس WSL) أو لينكس. | ||
=== التثبيت التلقائي لإطار عمل Next.js === | |||
من الأفضل أن تُنشئ تطبيقًا جديدًا باستخدام <code>create-next-app</code> وستثبت هذه العملية كل ما تحتاجه تلقائيًا. لإنشاء تطبيق جديد في Next.js، اكتب التعليمات التالية في طرفية Node.js:<syntaxhighlight line="1" start="1"> | |||
npx create-next-app@latest | |||
# or | |||
yarn create next-app | |||
# or | |||
pnpm create next-app | |||
</syntaxhighlight>بإمكانك استخدام الراية <code>typescript--</code> إن أردت ان تبدأ بمشروع TypeScript:<syntaxhighlight line="1" start="1"> | |||
npx create-next-app@latest --typescript | |||
# or | |||
yarn create next-app --typescript | |||
# or | |||
pnpm create next-app -- --typescript | |||
</syntaxhighlight>عند اكتمال التثبيت: | |||
* شغل خادم التطوير على العنوان <code><nowiki>http://localhost:3000</nowiki></code> مستخدمًا إحدى التعليمات التالية: | |||
** <code>npm run dev</code> | |||
** <code>yarn dev</code> | |||
** <code>pnpm dev</code> | |||
* زر العنوان السابق للاطلاع على تطبيقك. | |||
* عدّل الصفحة <code>pages/index.js</code> وراقب نتيجة ما فعلته في المتصفح. | |||
== الميزات الأساسية == | == الميزات الأساسية == | ||
مراجعة 15:58، 1 مايو 2022
البدء مع Next.js
مرحبًا بك إلى توثيقات Next.js باللغة العربية!
متطلبات النظام:
- حزمة Node.js نسختها 12.22.0 أو أعلى
- نظام تشغيل ماك أو ويندوز (بما في ذلك منظومة ويندوز الفرعية لدعم لينكس WSL) أو لينكس.
التثبيت التلقائي لإطار عمل Next.js
من الأفضل أن تُنشئ تطبيقًا جديدًا باستخدام create-next-app وستثبت هذه العملية كل ما تحتاجه تلقائيًا. لإنشاء تطبيق جديد في Next.js، اكتب التعليمات التالية في طرفية Node.js:
npx create-next-app@latest
# or
yarn create next-app
# or
pnpm create next-appبإمكانك استخدام الراية typescript-- إن أردت ان تبدأ بمشروع TypeScript:
npx create-next-app@latest --typescript
# or
yarn create next-app --typescript
# or
pnpm create next-app -- --typescriptعند اكتمال التثبيت:
- شغل خادم التطوير على العنوان
http://localhost:3000مستخدمًا إحدى التعليمات التالية:npm run devyarn devpnpm dev
- زر العنوان السابق للاطلاع على تطبيقك.
- عدّل الصفحة
pages/index.jsوراقب نتيجة ما فعلته في المتصفح.