tori-blog

流しの迷子センター

任意団体流しの迷子センターのサイトを作成

使用技術: Nuxt.js, Vuetify, Firebase Hosting, github actions, Content Module

概要

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

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

使用技術

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