川の家おさか 公式ウェブサイト
概要
岐阜県下呂市小坂町の川魚体験レジャー施設「川の家おさか」公式サイト。Next.jsとmicroCMSで釣り体験・予約システムを統合。
プロジェクト概要
飛騨小坂の自然と伝統を発信する「川の家おさか」の公式ウェブサイトを受託開発しました。施設の魅力を最大限に伝えるデザインと、運営者が簡単にコンテンツを更新できるCMS連携を実現しています。
主な機能
コンテンツ管理
- ニュース・お知らせ機能（一覧・詳細表示）
- ブログ機能（カテゴリ・タグによる記事管理）
- microCMSとの完全連携による運営者向け簡単更新
予約・問い合わせ
- Airリザーブ連携による予約システム
- Nodemailerを使用したお問い合わせフォーム
ユーザー体験
- Framer Motionによる滑らかなアニメーション
- Google Maps統合によるアクセス案内
- レスポンシブデザイン対応
技術スタック
- フレームワーク: Next.js（App Router）
- 言語: TypeScript
- スタイリング: Tailwind CSS
- CMS: microCMS
- アニメーション: Framer Motion
- UIコンポーネント: Headless UI、Radix UI