プロジェクトのファイルおよびフォルダー構造の理解

プロジェクトを詳しく調査しましょう。

• app: アプリケーションの中心となるディレクトリで、すべてのルート、コンポーネント、ロジックが格納されています。アプリケーションの主要な機能を構築する際に最も多く作業する場所です。
• app/lib: アプリケーション全体で使用される重要な関数が含まれています。これらの関数は、プロジェクト内のさまざまな部分で再利用できるユーティリティ関数や、データ取得を担当する関数など、さまざまな目的で利用されます。
• app/ui: アプリケーションのビジュアル要素を構成するすべてのUIコンポーネントがここにあります。カード、テーブル、フォームなどが含まれ、あらかじめスタイリングされています。
• public: アプリケーションで使用される画像などの静的アセットを格納します。
• scripts: このディレクトリ内のシーディングスクリプトは、後の章でデータベースにデータを投入する際に役立ちます。このフォルダはNext.jsの標準機能ではなく、実際のデータベースと連携するために特別に作成されています。