الإصدار 14.0 مستقر

Next.js

نظام متكامل لبناء تطبيقات ويب حديثة وسريعة باستخدام React. صمم خصيصًا للإنتاجية والأداء.

يدعم:
Terminal
$ npx create-next-app@latest my-project
Creating a new Next.js app in my-project...

? Would you like to use TypeScript? Yes
? Would you like to use ESLint? Yes
? Would you like to use Tailwind CSS? Yes
? Would you like to use `src/` directory? No
? Would you like to use App Router? Yes

Installing dependencies...

Success! Created my-project

$ cd my-project
$ npm run dev

كل ما تحتاجه لتطوير تطبيقات متميزة

حلول متكاملة ومرنة لتطوير تطبيقات ويب حديثة وسريعة من البداية وحتى النشر

نظام توجيه ذكي

هيكل توجيه مبني على نظام الملفات مما يجعل بناء وتوسيع التطبيق أمرًا في غاية السهولة.

تحميل سريع

تقنيات تحسين الأداء المدمجة تساعد في تقديم تجربة مستخدم سريعة وسلسة.

تحميل البيانات

تحميل البيانات بفعالية عالية مع دعم التخزين المؤقت والتحديث التلقائي.

تنسيق متطور

دعم لمختلف طرق التنسيق مثل CSS Modules و Tailwind CSS وغيرها.

واجهات API

بناء واجهات برمجة التطبيقات (API) بكل سهولة لتطبيقك مع دعم كامل للتعامل مع الطلبات والردود.

دعم متعدد الأجهزة

تمتع بدعم كامل لمختلف الأجهزة والشاشات، مع توافق شامل مع الجوال والأجهزة اللوحية.

دليل البدء السريع

ابدأ بسرعة مع Next.js

خطوات بسيطة للبدء في استخدام Next.js وبناء تطبيقك الأول. متابعة سهلة وموجهة للمبتدئين.

1

تنصيب Next.js

npx create-next-app@latest my-app
2

الانتقال لمجلد المشروع

cd my-app
3

بدء خادم التطوير

npm run dev

افتح المتصفح على العنوان: http://localhost:3000

app/page.tsx
export default function Home() {
  return (
    <main className="flex min-h-screen flex-col items-center justify-center p-8">
      <h1 className="text-4xl font-bold mb-4">
      مرحبًا بالعالم!
    </h1>
    <p className="text-xl text-gray-600">
      تم إنشاء هذا التطبيق باستخدام Next.js
    </p>
  </main>
);
}

استكشف الوثائق

تعلم كل ما تحتاجه من مفاهيم وتقنيات Next.js من خلال توثيق مفصل وشامل

أمثلة عملية

أمثلة جاهزة للاستخدام

مجموعة مختارة من الأمثلة لمساعدتك على البدء بسرعة في مشاريعك

تطبيق المدونة

مثال كامل لتطبيق مدونة باستخدام Next.js مع واجهة API خلفية.

عرض المثال

متجر إلكتروني

تطبيق متجر إلكتروني كامل مع سلة تسوق وعملية شراء.

عرض المثال

لوحة تحكم

تطبيق لوحة تحكم متكامل مع مخططات بيانية وإحصائيات.

عرض المثال

انضم إلى مجتمعنا

تواصل مع مطورين آخرين، اطرح أسئلتك وشارك معرفتك