شروع سریع
این راهنما قالب را در کمتر از ۵ دقیقه روی سیستم شما اجرا میکند.
بسته دو نسخه دارد. اول انتخاب کنید کدام را میخواهید:
| نسخه | دستور شروع | ادامه راهنما |
|---|---|---|
| HTML | باز کردن index.html در مرورگر | همین صفحه، گام ۱ به بعد |
| Next.js | npm install سپس npm run dev | فصل ۱۳ |
ادامه این صفحه درباره نسخه HTML است.
گام ۱ — استخراج فایلها
فایل ZIP قالب را در پوشهای مثل novira-template استخراج کنید. ساختار باید شبیه این باشد:
novira-template/
├── index.html
├── demo.html
├── assets/
└── help/
گام ۲ — باز کردن در مرورگر
روش ساده: فایل index.html را دابلکلیک کنید یا در مرورگر بکشید.
روش بهتر (پیشنهادی): از یک سرور محلی استفاده کنید — جزئیات در اجرای محلی.
گام ۳ — مرور صفحات
- demo.html — گالری همه صفحات با اسکرینشات
- index.html — صفحه اصلی فروشگاه
- bazaar.html — بازار فروشگاههای اینستاگرامی
- fresh.html — سوپرمارکت
- fashion.html — پوشاک
- cart.html — سبد خرید
- product.html — جزئیات محصول
گام ۴ — شروع شخصیسازی
| چه چیزی | کجا |
|---|---|
| نام برند و متنهای فارسی | فایلهای *.html و novira.js |
| رنگ اصلی برند | novira.css → --ds-brand |
| لوگو | assets/images/novira/logo.svg |
| محصولات نمونه | آرایههای products* در novira.js |
چکلیست سلامت
پس از باز کردن index.html، این موارد را بررسی کنید:
- [ ] فونت فارسی (وزیرمتن) درست نمایش داده میشود
- [ ] هدر و منو ظاهر میشوند
- [ ] اسلایدرها کار میکنند
- [ ] در Console مرورگر (F12) خطای قرمز نیست
اگر موردی کار نمیکند → عیبیابی
شروع سریع نسخه Next.js
اگر Node.js نسخه ۲۰ یا بالاتر نصب دارید:
npm install
npm run dev
سپس http://localhost:3000 را باز کنید. صفحه اول، صفحه معرفی است و فروشگاه روی /shop قرار دارد. جزئیات کامل در فصل ۱۳.