入門
GatsbyJSで作る静的サイト
4

最終回は記事一覧ページを作成します。記事は多いのですべてを1ページでリスト化せず、任意の記事数ごとにページネーションを実装します。

中島 直博
中島 直博 | フロントエンド・エンジニア

取得したMarkdownファイルのデータとページテンプレートを使って、新たなページを生成してみましょう。mdだけでなく、基本的にどのようなデータ形式でも同様の処理ができます。

中島 直博
中島 直博 | フロントエンド・エンジニア

ページ作成の2つの方法を解説します。ひとつはReact.jsコンポーネントを使用する方法、もうひとつは外部データを取り込んでページを生成する方法です。データソースの取得手順をマスターしましょう。

中島 直博
中島 直博 | フロントエンド・エンジニア

GatsbyJSは静的サイトジェネレーターのひとつです。React.jsをテンプレートエンジンのように使い、整備されたReact.jsのエコシステムにそのまま乗ることができるので大変ポピュラーです。さっそく触ってみましょう。

中島 直博
中島 直博 | フロントエンド・エンジニア