静的サイトジェネレータ
概要
静的サイトジェネレータ(Static Site Generator)の格安教材を紹介します。LinkedIn PremiumとドットインストールPREMIUM、Udemyの★4.5以上の動画、YouTubeを紹介します。
- Gatsby (Reactベース)
- Next.js (Reactベース）→ 「サーバーサイドレンダリング」のところで教材を紹介。
- Gridsome (Vueベース)
- 11ty (Jekyllの代替となるJavaScriptベース)
- Jekyll (Rubyベース)
- Hugo (Goベース)
静的サイトジェネレータは静的サイトを生成するためのソフトウェアで、ビルド時にGraphQLなどを用いてすべてのデータを取得しておくために、高速に動作するなどのメリットがあります。
Gatsby
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | Learning Gatsby | 動画155分、2020-06-04 |
| Building a Headless WordPress App with REST API | 動画128分、2020-03-23 | |
| ドットインストール PREMIUM | n/a | |
| Udemy | 最短・最速で学ぶ React製 静的サイトジェネレータ GatsbyJS + CMS Contentfulブログ実装編 | 動画128分、2020-04、★4.3 |
| Gatsby JS | Beginner Gatsby [2020] | Gatsby Project | 動画331分、2020-00000 | |
| Gatsby JS & Firebase: HYBRID Gatsby realtime + static sites | 動画302分、2020-08 | |
| Gatsby JS: Build PWA Blog With GraphQL And React + WordPress | 動画230分、2020-04 | |
| Gatsby Tutorial and Projects Course | 動画2,235分、2020-08 | |
| その他 | gatsby、English、有料、★4.5以上で22個検索された。 |
Gridsome
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | n/a | |
| ドットインストール PREMIUM | n/a | |
| Udemy | Blazing-Fast Vue and GraphQL with Gridsome | 動画180分、2019-12、★4.4 |
| その他 | gridsome、English、有料、★4以上で5個検索された。 |