はじめに
あなたは、eコマース サイトで働いています。 あなたは、製品ページが検索エンジンによって検出され、すぐに読み込まれるようにしようと考えています。 選択する技術アプローチが何であっても、アーキテクチャのベスト プラクティスに従うものを使用するつもりです。 必要な場合にヘルプを見つけることができるように、一般的に使用されているフレームワークと手法を選択する必要があります。
このようなアプリを構築する方法の 1 つは、"静的サイト ジェネレーター (SSG)" を使用することです。 SSG を使用すると、JSON ファイル、XML ファイル、YAML ファイル、データベース、または Web 経由でアクセスできるサードパーティのサービスなど、さまざまな場所にあるコンテンツやデータから、静的サイトを組み立てることができます。 このため、これらの静的ページの生成は複雑なプロセスになる可能性があります。 したがって、これらの静的ページを生成するには、静的サイト生成ツールを使用することが必要になります。
これらの静的ページを生成した後、それらを Web にデプロイする方法を検討する必要があります。 競争力を維持するため、ページを簡単かつ迅速にデプロイできるサービスを使用できます。 アプリのデプロイを構成するために費やす時間が短いほど、機能の向上により多くの時間をかけられます。
このモジュールでは、Gatsby コマンドライン ツールを使用して、新しい Web アプリを作成します。 アプリでページを作成し、Gatsby のクエリ ツールでそれにコンテンツを追加します。 最後に、Azure Static Web Apps サービスを使用して Web にアプリをデプロイします。
このモジュールを完了すると、Gatsby を使用して Web アプリを作成し、Web に発行できるようになります。
学習の目的
このモジュールでは、次のことを行います。
- Gatsby を使用して静的 Web アプリを作成する
- GraphQL クエリを使用してアプリのページにデータを追加する
- Azure Static Web Apps を使用して Web にアプリをデプロイする