الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

الجيلة التالية

ميزة معبأة next.js boilerplate. صفر الإعداد. حافة جاهزة.

تعتمد بعض الميزات على متغيرات البيئة (المشار إليها في قائمة الميزات مع) وبالتالي تتطلب التمكين. يتم تعطيلها بشكل افتراضي بحيث يتم تشغيل التطبيق دون أي إعداد. يمكن تمكينها عن طريق إلغاء تحديد جميع الخطوط التي تظهر فيها @enable {feature} .

سمات

عرض فروع المستودع لمجموعات الميزات الأخرى (EG BUN)

جوهر

  • TypeScript - تم تكوينه لزيادة سلامة النوع إلى الحد الأقصى
  • T3 ENV - التحقق من صحة متغير البيئة
  • TRPC- إنشاء واجهات برمجة تطبيقات آمنة من النوع إلى النهاية تعمل في كل من مكونات العميل والخادم
  • ⚡ Websockets - اتصال في الوقت الفعلي (باستخدام Puster ، ولكن يمكن تبديله للبدائل)
    • ؟ يتكامل مع TRPC للأحداث الآمنة من طرف إلى طرف
  • ؟ رذاذ - orm مع سلامة النوع الأقصى
  • مصادقة لوسيا - مصادقة مرنة وآمنة
    • ؟ يتكامل مع الرذاذ لتخزين بيانات المصادقة

تطوير

  • ؟ ESLINT - معايير رمز متسقة
  • أجمل - تصميم رمز ثابت
  • ؟ CSS Tailwind - إطار عمل CSS الأول
  • ؟ Shadcn/UI - المكونات التي تم تصميمها باستخدام CSS Radix و Tailwind CSS
  • MDX - استخدم Markdown مع المكونات
  • ؟ الواردات المطلقة - واردات الوحدة النمطية أسهل ونظافة
  • تكوينات VS Code - تكوينات لسهولة التصحيح

الاختبار

  • ؟ فيت - إطار اختبار مرن
  • ؟ رد فعل اختبار مكتبة - اختبار مكون قابل للصيانة
    • ؟ يتكامل مع Vitest كإطار اختبار الخاص بك
  • ؟ الكاتب المسرحي -الاختبار الشامل مقابل بيئات متعددة

النشر

  • محلل الحزمة - تحليل أحجام الحزمة في كل بيئة مع pnpm run build:analyze
  • ؟ Next -PWA - اجعل موقع الويب الخاص بك بمثابة تطبيق ويب تقدمي (PWA)
  • ؟ Docker - (محلي وإنتاج) Docker -Corm و Dockerfiles للتشغيل في أي مكان
  • إجراءات github - CI/CD قوية

؟ ابدء

الخيار 1: استنساخ وانتشر مع Vercel

؟ الخيار 2: استنساخ وركض محليًا

  1. شوكة هذا المستودع (إلغاء تحديد "نسخ الفرع main فقط" إذا كنت مهتمًا بالفروع / مجموعات الميزات الأخرى)
  2. استنساخ مستودعك الجديد
  3. تثبيت التبعيات وتشغيل خادم التطوير

  • مع PNPM 

    pnpm install
pnpm run dev

  • أو مع Docker 

    docker-compose --file docker/dev/docker-compose.yml up

إعدادات

عامل ميناء

  • .dockerignore
  • docker/ - Dockerfile و Docker -corm.yml للتطوير والإنتاج

رذاذ

(يتطلب التمكين)

  • src/db/
  • src/lib/db.ts
  • drizzle.config.ts

eslint

  • .eslintrc.json

أفعال جيثب

  • .github/workflows/ci.yml - فحص النوع والبطانة (وبالتالي يتم تجاهل هذه الأخطاء في next.config.mjs )

لوسيا آوت

(يتطلب التمكين)

  • src/app/api/auth
  • src/app/auth
  • src/components/auth.tsx
  • src/db/schemas/auth.ts) تخزين بيانات المصادقة في قاعدة البيانات
  • src/lib/auth.ts
  • types/lucia.d.ts

أمثلة

  • src/app/examples/profile/page.tsx

MDX

  • mdx-components.tsx

Next-PWA

  • public/icon-512x512.png
  • public/manifest.json
  • next.config.mjs

الكاتب المسرحي

  • e2e/
  • playwright.config.ts

أجمل

  • .eslintrc.json
  • .prettierignore
  • .prettierrc.json

رد فعل مكتبة اختبار

  • src/app/page.test.tsx
  • testing/setup.ts

Shadcn/UI

  • src/components/providers/theme-provider.tsx
  • src/components/ui/
  • src/components/theme-toggle.tsx
  • components.json

T3 ENV

  • src/env.mjs - تكوين متغيرات البيئة
  • next.config.mjs - يتم التحقق من صحة متغيرات البيئة في وقت البناء

Tailwind CSS

  • src/styles/globals.css
  • tailwind.config.js

TRPC

  • src/app/api/trpc/[trpc]/route.ts
  • src/components/providers/trpc-provider.tsx
  • src/trpc/

أمثلة

  • src/app/examples/client-component/page.tsx - استخدم في مكون العميل
  • src/app/examples/server-component/page.tsx - استخدم في مكون الخادم

TypeScript

  • tsconfig.json يتم شرح جميع التعديلات من Create-Next-App بالتعليقات
  • types/reset.d.ts

فيت

  • testing/setup.ts
  • vitest.config.ts

مقابل الكود

  • .vscode/extensions.json - امتدادات مساحة العمل الموصى بها
  • .vscode/launch.json - تكوينات التصحيح
  • .vscode/settings.json - استخدم إصدار Project TypeScript

WebSockets مع Puster

(يتطلب التمكين)

  • src/hooks/useEvent.ts
  • src/lib/events.ts
  • src/trpc/methods.ts

أمثلة

  • src/app/examples/websockets/page.tsx
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل