next15 filterlist

Next.js 15 قائمة تصفية

مدير مهمة تفاعلي ومحسّن تدريجياً مع التصفية باستخدام Next.js 15 مع CSS Tailwind و Prisma. لقد تم تباطؤه عن قصد لعرض معالجة حالة التحميل.

راجع فرع filter-provider للحصول على إصدار API للسياق ، والذي يدفع جميع المرشحات في حالة واحدة ، مما يثبت مشكلة التخلص منها عند التبديل عبر المضاعفات.

انظر فرع nuqs للحصول على إصدار باستخدام NUQS لإنجاز نفس الشيء. ربما من الأفضل استخدام مكتبة ، أليس كذلك؟

هذا هو مشروع next.js bootstrapped مع create-next-app .

يستخدم هذا المشروع next/font لتحسين وتحميل Inter تلقائيًا ، وهو خط Google مخصص.

ابدء

أولاً ، قم بتثبيت التبعيات:

npm install

ثم ، قم بتشغيل خادم التطوير:

npm run dev

افتح http: // localhost: 3000 مع متصفحك لرؤية النتيجة.

إعداد PRISMA

تحتاج إلى اتخاذ قرار بين التنمية المحلية Prisma مع sqlite أو قاعدة بيانات حقيقية مع sqlserver على سبيل المثال. تحديده في ملف schema.prisma .

فكر في إضافة ملف .env .env.sample جذر المشروع واستخدام هذه schema.prisma الداخلية env("DATABASE_URL")

بعد التبديل ، احذف مجلد prisma/migrations قبل تشغيل أمر الترحيل.

عند استخدام SQLServer ، تحتاج إلى ترحيل مخطط قاعدة البيانات مع:

npm run prisma.migrate

عند استخدام SQLite ، قم بالتهيئة مع:

npm run prisma.push

PRISMA/SEED.TS للبيانات الأولية:

npm run prisma.seed

يتعلم أكثر

لمعرفة المزيد حول Next.js ، ألق نظرة على الموارد التالية:

• Next.js Documentation - تعرف على ميزات Next.js و API.
• تعلم next.js - تعليمي تفاعلي Next.js.

يمكنك التحقق من مستودع NEXT.JS GitHub - ملاحظاتك ومساهماتك مرحب بها!

نشر على Vercel

أسهل طريقة لنشر تطبيق Next.js الخاص بك هي استخدام منصة Vercel من منشئي Next.js.

تحقق من وثائق نشر NEXT.JS لمزيد من التفاصيل.