فروشگاه قهوه

صفحه‌ها

این سایت ۵ صفحه داره که همه از یک پوسته‌ی مشترک استفاده می‌کنن، پس هدر، منوی موبایل و فوتر فقط یک جا نوشته شدن. روی هر صفحه بزنید تا تمام‌صفحه باز بشه.

• خانه/HomePage · home.tsx
• فروشگاه/shopShopPage · shop.tsx
• محصول/productProductPage · product.tsx
• سبد خرید/cartCartPage · cart.tsx
• داستان ما/aboutAboutPage · about.tsx

نصب

1. با CLI

   این دستور همه‌ی فایل‌های سایت را در components/sites/shop-site می‌نویسه، برای هر صفحه یک route در app/ می‌سازه، ۴ عکسش را در public/sites/shop-site دانلود می‌کنه و کامپوننت‌هایی که لازم داره را هم نصب می‌کنه. اگر از قبل app/page.tsx دارید، CLI روش نمی‌نویسه مگر اینکه --overwrite بدید.

   $ npx vibefarsi add shop-site

2. نصب دستی

   هر فایل تب «کد» را در همون مسیری بگذارید که اسمش نشون میده. کامپوننت‌های پایین‌تر در «ساخته‌شده از» را هم جداگانه اضافه کنید.

   • components/sites/shop-site/shell.tsx
   • components/sites/shop-site/home.tsx
   • components/sites/shop-site/shop.tsx
   • components/sites/shop-site/product.tsx
   • components/sites/shop-site/cart.tsx
   • components/sites/shop-site/about.tsx
   • app/page.tsx
   • app/shop/page.tsx
   • app/product/page.tsx
   • app/cart/page.tsx
   • app/about/page.tsx

   عکس‌ها با هوش مصنوعی ساخته شدن و استفاده ازشون آزاده. هر کدوم را دانلود کنید و در همون مسیر بگذارید، یا عکس‌های خودتون را با همین اسم‌ها جایگزین کنید.

   • 
   • 
   • 
   • 
   registry json

ساخته‌شده از