Tailnext هو قالب مجاني ومفتوح المصدر لجعل موقع الويب الخاص بك باستخدام NextJS + Tailwind CSS . جاهز لبدء مشروع جديد وتصميم مع الأخذ في الاعتبار أفضل الممارسات.

؟ https://tailnext.vercel.app/
git clone https://github.com/onwidget/tailnext.gitcd tailnextnpm installnpm run devlocalhost:3000داخل قالب Tailnext ، سترى المجلدات والملفات التالية:
/
├── .storybook/
├── app/
│ ├── (blog)
│ │ ├── [slug]
| | | └── page.js
| | └── blog
| | └── page.js
│ ├── head.js
│ ├── layout.js
│ └── page.js
├── public/
│ └── favicon.svg
├── src/
│ ├── assets/
│ │ ├── images/
| | └── styles/
| | └── base.css
│ ├── components/
│ │ ├── atoms/
| | └── widgets/
| | ├── Header.astro
| | ├── Footer.astro
| | └── ...
│ │── content/
│ | └── blog/
│ | ├── demo-post-1.md
│ | └── ...
│ ├── stories/
│ ├── utils/
│ └── config.mjs
├── package.json
└── ...
خبير next.js محنك؟ حذف هذا الملف. تحديث
config.mjsوالمحتويات. استمتع!
يتم تشغيل جميع الأوامر من جذر المشروع ، من محطة:
| يأمر | فعل |
|---|---|
npm install | تثبيت التبعيات |
npm run dev | يبدأ خادم DEV المحلي في localhost:3000 |
npm run build | بناء موقع الإنتاج الخاص بك إلى ./dist/ |
npm run preview | معاينة بنيتك محليًا ، قبل النشر |
npm run storybook | افتح قصة القصص لعرض القصص بواسطة واجهة المستخدم |
npm run format | تنسيق الرموز مع أجمل |
npm run lint:eslint | تشغيل ESLINT |
قريباً ..
يمكنك إنشاء بناء إنتاج محسّن مع:
npm run build الآن ، موقع الويب الخاص بك جاهز للنشر. توجد جميع الملفات التي تم إنشاؤها في مجلد dist ، والتي يمكنك نشر المجلد على أي خدمة استضافة تفضلها.
استنساخ هذا المستودع على حساب github الخاص ونشره على NetLify:
استنساخ هذا المستودع على حساب github الخاص وينشر إلى Vercel:
قريباً ..
إذا كان لديك أي فكرة أو اقتراحات أو ابحث عن أي أخطاء ، فلا تتردد في فتح مناقشة أو مشكلة أو إنشاء طلب سحب. سيكون ذلك مفيدًا جدًا لنا جميعًا وسنكون سعداء بالاستماع واتخاذ إجراء.
تم إنشاؤها في البداية بواسطة OnWidget وصيانتها من قبل مجتمع من المساهمين.
تم ترخيص Tailnext بموجب ترخيص MIT - راجع ملف الترخيص للحصول على التفاصيل.