رستوران ایرانی

صفحه‌ها

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

• خانه/HomePage · home.tsx
• منو/menuMenuPage · menu.tsx
• رزرو میز/reserveReservePage · reserve.tsx
• داستان ما/aboutAboutPage · about.tsx
• شعبه‌ها/contactContactPage · contact.tsx

نصب

1. با CLI

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

   $ npx vibefarsi add restaurant-site

2. نصب دستی

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

   • components/sites/restaurant-site/shell.tsx
   • components/sites/restaurant-site/home.tsx
   • components/sites/restaurant-site/menu.tsx
   • components/sites/restaurant-site/reserve.tsx
   • components/sites/restaurant-site/about.tsx
   • components/sites/restaurant-site/contact.tsx
   • app/page.tsx
   • app/menu/page.tsx
   • app/reserve/page.tsx
   • app/about/page.tsx
   • app/contact/page.tsx

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

   • 
   • 
   • 
   • 
   • 
   registry json

ساخته‌شده از