このサイトについて
GraphiRecordの概要とプロジェクトの目的についてご紹介します
プロジェクト概要
GraphiRecordは、HTMLで作成されたグラフィックレコードを展示するためのギャラリーサイトです。 様々なイベントや会議、プレゼンテーションなどで作成されたグラフィックレコードを一覧で閲覧できます。
プロジェクトの目的
このプロジェクトの目的は、データベースを使わずにローカルのHTMLファイルを管理・表示する仕組みを実現し、 モダンなUIパターンを実装した効率的な開発フローを確立することです。
- 静的ファイルの効率的な管理と表示
- モダンなUI/UXの実装と展示
- Next.jsの最新機能の活用
使用技術
- フレームワーク: Next.js 14系(App Router)
- 言語: TypeScript
- スタイリング: Tailwind CSS
- 状態管理: Zustand
特徴
- HTMLファイルのコンテンツを自動的に解析し、メタデータを抽出
- レスポンシブデザインによるモバイルフレンドリーな表示
- 高速なページロードと最適化されたパフォーマンス
- 直感的なユーザーインターフェース