الفرق بين المراجعتين ل"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 dev
yarn dev
pnpm dev
- زر العنوان السابق للاطلاع على تطبيقك.
- عدّل الصفحة
pages/index.js
وراقب نتيجة ما فعلته في المتصفح.