サーバーサイドレンダリング

2019-06-182022-01-22

上位に移動

概要

サーバーサイドレンダリングの格安教材（LinkedIn Premium、ドットインストールPREMIUM、Udemyの有料及び無料の★4.5以上の動画、英語YouTube）を紹介します。以下は、React、Vueなどのフレームワークをサーバー上でもレンダリングすることも可能にし、よりよいSEOや簡単なルーティングなどを実現します。

• Next.js（React）
• Nuxt.js（Vue）
• Remix（React）
• SvelteKit (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個検索された。少し検索が難しい。

Remix (React)

• フルスタックWebフレームワーク

提供元	教材名	備考
LinkedIn Premium	n/a
ドットインストール PREMIUM	n/a
Udemy	n/a

SvelteKit(Svelte)

• ファイルシステムベースのルーティング

提供元	教材名	備考
LinkedIn Premium	n/a	Svelteの動画はある。
ドットインストール PREMIUM	n/a
Udemy	Introduction to Svelte (and SvelteKit)	動画151分、2021-11
		“SvelteKit” 、英語、★4.5以上で1個検索された。

上位に移動