原 透真

Next.jsで開発し、Vercelでデプロイしています。シンプルなデザインを心がけ、パソコン・スマートフォンどちらでも最適に表示されるレスポンシブレイアウトを実装しました。 将来的な作品追加を見据え、カード型コンポーネントと詳細モーダルを設計し、データはFirestoreから動的に取得する仕組みを採用しています。これにより、新作品の追加時にサイト全体を再デプロイする必要がなく、コンテンツ更新が容易になりました。 パフォーマンス面では、制作物ページにISR（Incremental Static Regeneration）を採用し、事前にHTMLをビルドすることでページ表示を高速化しています。さらに、定期的な再ビルドにより、常に最新情報が表示される仕組みを構築しました。