Kyoto Restaurant Web（SP版）

• 京都レストランのスマートフォン向けWebサイトです。
• Next.js と Tailwind CSS を用いて実装し、Vercel へデプロイしています。

🔗 公開URL

• Webサイト（Vercel）
• 制作ログ（ブログ）

🛠 使用技術

• Next.js
• Tailwind CSS
• Vercel

📱 制作内容

• スマートフォン向けレストランWebサイトの実装
• コンポーネント分割によるUI構築
• 画像の軽量化（WebP対応）
• レイアウト調整・表示最適化
• Vercel を利用したデプロイ

🎨 デザイン

• Figma にてモバイル版 UI を設計
• フォントサイズ、行間、余白を意識した設計
• 実装時は Figma の設計に極力沿う形で反映
• Figma

🚀 ローカルでの起動方法

npm install
npm run dev

ブラウザで以下にアクセスしてください。

http://localhost:3000

備考

• 本プロジェクトはcreate-next-appを使用して作成しています。
• スマートフォン表示(幅393px基準)を想定して設計しています。