نظام متكامل لبناء تطبيقات ويب حديثة وسريعة باستخدام React. صمم خصيصًا للإنتاجية والأداء.
$ 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) بكل سهولة لتطبيقك مع دعم كامل للتعامل مع الطلبات والردود.
تمتع بدعم كامل لمختلف الأجهزة والشاشات، مع توافق شامل مع الجوال والأجهزة اللوحية.
خطوات بسيطة للبدء في استخدام Next.js وبناء تطبيقك الأول. متابعة سهلة وموجهة للمبتدئين.
npx create-next-app@latest my-app
cd my-app
npm run dev
افتح المتصفح على العنوان: http://localhost:3000
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 من خلال توثيق مفصل وشامل
مجموعة مختارة من الأمثلة لمساعدتك على البدء بسرعة في مشاريعك
تواصل مع مطورين آخرين، اطرح أسئلتك وشارك معرفتك