サイトエンジンとしてのNextJSフレームワーク

インターネットの黎明期、サイトは 純粋なHTMLで開発されていました。 しかし、これはやや不便です。そのため、 バックエンド言語（PHP、NodeJSなど）のいずれかで書かれた、 サイト開発を簡素化する特別なプログラムが登場しました。 サイトの動作を支えるプログラムは、 サイトエンジンと呼ばれます。

純粋なHTMLサイトの問題点、 その問題にエンジンがどのように対処するのか、 そしてNextJSがそれにどのように関わっているのかについて 議論しましょう。

純粋なHTMLで作られた多数のページを持つサイトがあるとします。 サイトの各ページには、 同じ部分（例えば、ヘッダー、フッター、サイドバー）と 異なる部分（ページのコンテンツ、そのタイトル）が存在します。

サイトのヘッダーに何らかの変更を加える必要があるとします。 この場合、そのヘッダーを含む全てのファイルを 修正する必要があります。 これはもちろん、あまり便利ではありません。

そのため、現代のサイトはエンジン上で動作します。 エンジンは特別なアプローチを使用します。 このアプローチの本質は、 サイト全体の共通レイアウトを含む1つのファイルを作成することです。 このファイルにはサイトの共通部分が含まれます。

リクエストされたURLに応じて、 レイアウトの特別な場所に、 そのURLに対応するサイトのコンテンツが挿入されます。

通常、ページ上のコンテンツだけでなくタイトルも変更されます。 この時、コンテンツとタイトルはレイアウトの異なる場所に挿入されます。 これもサイトエンジンによって実現されます。

SEOが重要な場合、サイトの各ページには 独自のメタディスクリプションが必要です。 それもまた、レイアウト内の決められた場所に 挿入される必要があります。

NextJSフレームワークは上述の方法で動作します。 つまり、それは我々のサイトのエンジンです。 したがって、どこかにサイト全体の共通レイアウトを含む 特別なファイルが存在します。 このセクションでは、そのファイルの学習に 取り組みます。