このサイトについて

GraphiRecordの概要とプロジェクトの目的についてご紹介します

プロジェクト概要

GraphiRecordは、HTMLで作成されたグラフィックレコードを展示するためのギャラリーサイトです。 様々なイベントや会議、プレゼンテーションなどで作成されたグラフィックレコードを一覧で閲覧できます。

プロジェクトの目的

このプロジェクトの目的は、データベースを使わずにローカルのHTMLファイルを管理・表示する仕組みを実現し、 モダンなUIパターンを実装した効率的な開発フローを確立することです。

  • 静的ファイルの効率的な管理と表示
  • モダンなUI/UXの実装と展示
  • Next.jsの最新機能の活用

使用技術

  • フレームワーク: Next.js 14系(App Router)
  • 言語: TypeScript
  • スタイリング: Tailwind CSS
  • 状態管理: Zustand

特徴

  • HTMLファイルのコンテンツを自動的に解析し、メタデータを抽出
  • レスポンシブデザインによるモバイルフレンドリーな表示
  • 高速なページロードと最適化されたパフォーマンス
  • 直感的なユーザーインターフェース