next.js + Tailwind CSS + TypeScript Starter معبأة بميزات تطوير مفيدة.
صنعها ثيودوروس كلارنس
هذا المستودع؟ بطارية مليئة:
@/ بادئةrelease-pleaseانظر تفاصيل الميزة و changelog؟ لمزيد.
يمكنك أيضًا التحقق من جميع التفاصيل والعروض التوضيحية في منشور مدونتي:
استخدم هذا المستودع كقالب
الإفصاح: باستخدام هذا المستودع كقالب ، سيكون هناك إسناد على المستودع الخاص بك.
سأقدر إذا قمت بذلك ، لذلك يمكن أن يعرف الآخرون هذا القالب أيضًا؟

باستخدام create-next-app
pnpm create next-app -e https://github.com/theodorusclarence/ts-nextjs-tailwind-starter ts-pnpmإذا كنت لا تزال ترغب في استخدام دليل الصفحات ( لم يتم الحفاظ عليه بنشاط ) يمكنك استخدام هذا الأمر
npx create-next-app -e https://github.com/theodorusclarence/ts-nextjs-tailwind-starter/tree/pages-directory project-name باستخدام degit
npx degit theodorusclarence/ts-nextjs-tailwind-starter YOUR_APP_NAMEنشر إلى Vercel
يتم تشجيعه على استخدام PNPM بحيث يمكن لسنانير أجش أن تعمل بشكل صحيح.
pnpm installيمكنك بدء الخادم باستخدام هذا الأمر:
pnpm dev افتح http: // localhost: 3000 مع متصفحك لرؤية النتيجة. يمكنك البدء في تحرير الصفحة عن طريق تعديل src/pages/index.tsx .
هناك بعض الأشياء التي تحتاج إلى تغييرها بما في ذلك العنوان وعناوين URL و Favicons ، إلخ.
ابحث عن جميع التعليقات مع! starterconf ، ثم اتبع الدليل.
لا تنس تغيير اسم الحزمة في package.json
يستخدم هذا المبتدئات التقليدية ، من الضروري استخدامها لارتكاب تغييرات.
هل تستخدم هذا المبتدئ؟ يرجى إضافة صفحتك (و repo) إلى نهاية القائمة عبر طلب سحب. ؟
تم تجهيز هذا المبدع الآن بحزمة تمدد.
يمكنك بسهولة إضافة التوسع مثل مكونات Hook Form + Form + ، وقصة القصص ، وأكثر من ذلك باستخدام سطر أوامر واحد.
تحقق من مستودع حزمة التوسع للأوامر
بسبب تحديث جهاز التوجيه ، فإن حزمة التوسع قديمة حاليًا. سيتم تحديثه في المستقبل. لا يزال بإمكانك استخدامها عن طريق النسخ ولصق الملفات.