qwind
1.0.0
Qwind هو قالب مجاني ومفتوح المصدر لإنشاء موقع الويب الخاص بك باستخدام Qwik + Tailwind CSS . جاهز لبدء مشروع جديد ومصمم مع مراعاة أفضل الممارسات.
؟ https://qwind.pages.dev/
يستخدم هذا المشروع Qwik مع QwikCity. QwikCity هي مجرد مجموعة إضافية من الأدوات الموجودة أعلى Qwik لتسهيل إنشاء موقع كامل، بما في ذلك التوجيه المستند إلى الدليل والتخطيطات والمزيد.
داخل قالب Qwind ، سترى المجلدات والملفات التالية:
/
├── adaptors/
| └── static/
| └── vite.config.ts
├── public/
│ ├── favicon.svg
│ ├── manifest.json
│ └── robots.txt
├── src/
│ ├── assets/
│ │ ├── images/
| | └── styles/
| | └── global.css
│ ├── components/
│ │ ├── atoms/
│ │ ├── core/
│ │ ├── icons/
| | └── widgets/
| | ├── Hero.tsx
| | ├── Features.tsx
| | └── ...
│ ├── content/
│ | └── blog/
│ | ├── post-slug-1.md
│ | ├── post-slug-2.md
│ | └── ...
│ ├── routes/
│ | ├── blog/
│ | ├── index.tsx
| | ├── layout.tsx
| | ├-- service-worker.ts
│ | └-- ...
│ ├── config.mjs
│ ├── entry.dev.tsx
│ ├── entry.preview.tsx
│ ├── entry.ssr.tsx
│ └── root.tsx
├── package.json
└── ...
src/routes : يوفر التوجيه المستند إلى الدليل، والذي يمكن أن يتضمن تسلسلًا هرميًا لملفات تخطيط layout.tsx ، وملف index.tsx كصفحة. بالإضافة إلى ذلك، تعتبر ملفات index.ts هي نقاط النهاية. يرجى الاطلاع على مستندات التوجيه لمزيد من المعلومات.
src/components : الدليل الموصى به للمكونات.
public : يمكن وضع أي أصول ثابتة، مثل الصور، في الدليل العام. يرجى الاطلاع على دليل Vite العام لمزيد من المعلومات.
خبير كويك محنك؟ احذف هذا الملف. قم بتحديث
config.mjsوالمحتويات. استمتع!
يتم تشغيل جميع الأوامر من جذر المشروع، من المحطة:
| يأمر | فعل |
|---|---|
npm install | تثبيت التبعيات |
npm run dev | يبدأ تشغيل خادم التطوير المحلي على 127.0.0.1:5173/ |
npm run build | أنشئ موقع الإنتاج الخاص بك إلى ./dist/ |
npm run preview | قم بمعاينة البناء الخاص بك محليًا، قبل النشر |
npm run fmt | تنسيق الرموز مع Prettier |
npm run lint | قم بتشغيل Eslint |
npm run qwik ... | قم بتشغيل أوامر CLI مثل qwik add و qwik build |
ملف التكوين الأساسي: ./src/config.mjs
export const SITE = {
name : "Example" ,
origin : "https://example.com" ,
basePathname : "/" , // Change this if you need to deploy to Github Pages, for example
trailingSlash : true , // Generate permalinks with or without "/" at the end
} ;يمكنك إنشاء بناء إنتاج محسّن باستخدام:
npm run build الآن، موقع الويب الخاص بك جاهز للنشر. جميع الملفات التي تم إنشاؤها موجودة في مجلد dist ، حيث يمكنك نشر المجلد على أي خدمة استضافة تفضلها.
انسخ هذا المستودع على حساب GitHub الخاص وانشره على Netlify:
انسخ هذا المستودع على حساب GitHub الخاص وانشره على Vercel:
إذا كانت لديك أي فكرة أو اقتراحات أو وجدت أي أخطاء، فلا تتردد في فتح مناقشة أو مشكلة أو إنشاء طلب سحب. وسيكون ذلك مفيدًا جدًا لنا جميعًا وسنكون سعداء بالاستماع إليه واتخاذ الإجراءات اللازمة.
تم إنشاؤه في البداية بواسطة onWidget ويتم صيانته بواسطة مجتمع من المساهمين.
Qwind مرخص بموجب ترخيص MIT - راجع ملف الترخيص للحصول على التفاصيل.
