流しの迷子センター

概要

「流しの迷子センター〜安心して自分語りがしあえる場所を目指して〜」をテーマにサイト。 上記のコンセプトに沿うようなレイアウト、デザインを意識し、サイトを作成しました。

Content Moduleを使用してMarkdownベースでコンテンツを管理し、SEOを考慮した構成にしています。

使用技術

• Nuxt.jsによるフロントエンド開発。
• SSG（静的サイトジェネレーション）による高速なページ表示。
• Vuetifyを使用したレスポンシブデザイン。
• Nuxt Content Moduleを使用してMarkdownコンテンツを管理。
  • microCMSによるコンテンツ管理も可能に
  • notion APIを使用して記事を取得しmarkdownに変換して表示
  • google drive APIを使用して記事を取得しmarkdownに変換して表示
• Firebase Hosting
• github actionsを使用して自動デプロイ