静的・動的サイトとデータベース

静的サイトは用意したファイルを基本的にそのまま返します。動的サイトはリクエストや保存データに応じてレスポンスを生成します。

このLessonのゴール

• 静的サイトと動的サイトの違いを説明できる
• 動的サイトでアプリケーションとデータベースが果たす役割を説明できる
• 更新頻度や利用者ごとの表示に応じて適した方式を考えられる

静的: ブラウザ → Webサーバー → HTMLファイル
動的: ブラウザ → アプリケーション → データベース

WordPressでは投稿本文や設定をデータベースへ保存し、PHPがHTMLを生成します。Next.jsではビルド時に生成するページと、リクエスト時に生成するページを選べます。

実際に試してみよう

店舗サイトの会社概要、ニュース一覧、ログイン後の画面を、静的・動的のどちらに向くか考えてください。

まとめ

更新頻度や利用者ごとの差、安全性をもとにページ生成方法を選びます。