サーバーサイドレンダリング
概要
サーバーサイドレンダリングの格安教材（LinkedIn Premium、ドットインストールPREMIUM、Udemyの有料及び無料の★4.5以上の動画、英語YouTube）を紹介します。以下は、React、Vueなどのフレームワークをサーバー上でもレンダリングすることも可能にし、よりよいSEOや簡単なルーティングなどを実現します。
- Next.js（React）
- Nuxt.js（Vue）
- Agular Universal（Angular）
- Sapper (Svelte)
Next.js（React）
- サーバーでReactアプリケーションをレンダリングするための最小主義のフレームワーク
- オープンソース
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | React: Server-Side Rendering Learn server-side rendering with React | 動画73分、2021-03-31 |
| ドットインストール PREMIUM | n/a | |
| Udemy | Next.js Dev to Deployment | 動画381分、2021-04 |
| Complete Next.js with React & Node – Beautiful Portfolio App | 動画3,607分、2020-06 | |
| その他 | “next.js”、English、トピック”React”、★4.5以上で49個検索された。 |
Nuxt.js（Vue）
- Vueアプリケーションのためのサーバーサイドレンダリングを提供するフレームワーク
- Reactに対するNext.jsに類似
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | n/a | |
| ドットインストール PREMIUM | n/a | |
| Udemy | Complete Nuxt.js 2.4+ Course | 動画200分、2019-04 |
| Nuxt.js – Vue.js on Steroids | 動画403分、2020-07 | |
| その他 | “Nuxt” 、English、有料、★4.5以上で4個検索された。少し検索が難しい。 |
Angular Universal（Angular）
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | n/a | |
| ドットインストール PREMIUM | n/a | |
| Udemy | Create a static JAMstack website with Angular and Scully | 動画34分、2020-07 |
| Angular 8 Real World WebApp Development w/ Node.js & MariaDB | 動画552分、2019-10 | |
| n/a | “angular universal” 、有料、★4.5以上で3個検索された。 |