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

2022-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 PremiumReact: Server-Side Rendering
Learn server-side rendering with React		動画73分、2021-03-31
ドットインストール PREMIUMn/a
UdemyNext.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個検索された。
YouTube以外の教材
Next.js Crash Course – Server Side React

Nuxt.js（Vue）

  • Vueアプリケーションのためのサーバーサイドレンダリングを提供するフレームワーク
  • Reactに対するNext.jsに類似
提供元教材名備考
LinkedIn Premiumn/a
ドットインストール PREMIUMn/a
UdemyComplete Nuxt.js 2.4+ Course動画200分、2019-04
Nuxt.js – Vue.js on Steroids動画403分、2020-07
その他“Nuxt” 、English、有料、★4.5以上で4個検索された。少し検索が難しい。
YouTube以外の教材
Nuxt JS Crash Course
Nuxt.js入門

Remix (React)

  • フルスタックWebフレームワーク
提供元教材名備考
LinkedIn Premiumn/a
ドットインストール PREMIUMn/a
Udemy n/a
YouTube以外の教材
Remix Crash Course | Full Stack React
リミックスランスピードラン-ポケモン

SvelteKit(Svelte)

  • ファイルシステムベースのルーティング
提供元教材名備考
LinkedIn Premiumn/aSvelteの動画はある。
ドットインストール PREMIUMn/a
UdemyIntroduction to Svelte (and SvelteKit)動画151分、2021-11
“SvelteKit” 、英語、★4.5以上で1個検索された。
YouTube以外の教材

上位に移動

Posted by pitang1965