Next.jsでのデータ取得方法

Next.jsでデータを取得するさまざまな方法について説明。

APIレイヤー

APIレイヤーは、アプリケーションコードとデータベースの間の橋渡し役。 以下のような状況でAPIの利用を検討:

1. サードパーティサービス：APIを提供する外部サービスと連携する場合；
2. クライアントサイドのデータ取得：クライアントからデータを取得する際、サーバー上にAPIレイヤーを設けることで、データベースの機密情報をクライアントに公開せずに保護可能。

データベースクエリ

フルスタックアプリケーションでは、データベースとのやり取りも必要となります。Postgresのようなリレーショナルデータベースの場合、SQLやPrismaのようなORMを使用して実現できます。データベースクエリが必要となるケースは以下の通りです：

1. APIエンドポイントの作成：APIエンドポイントを開発する際、データベースとやり取りするロジックを記述する必要があります；
2. Reactサーバーコンポーネント：Reactサーバーコンポーネントを使用し、サーバー側でデータを取得する場合、APIレイヤーを経由せずに直接データベースへクエリを実行できます。これにより、クライアントに機密情報が漏れるリスクを回避できます。

本プロジェクトでの方針

本プロジェクトでは、いくつかの理由からVercel Postgres SDKを用いたSQLを使用します：

• SQLはリレーショナルデータベースの標準的なクエリ言語である；
• SQLを学ぶことで、さまざまなツールに応用できるデータベースの基礎を理解できる；
• SQLは特定のデータの取得や操作に柔軟に対応できる；
• Vercel Postgres SDKはSQLインジェクションを防ぎ、安全なクエリを実現する。