Reading 32 Next and Gatsby - morgan-401-advanced-javascript/seattle-javascript-401n14 GitHub Wiki

Read

[CRA vs Gatsby vs Next](* CRA vs Gatsby vs Next

link

  • Next- Next.js a somewhat similar to Create React App, but supports server-side rendering. What it essentially means is that necessary HTML code is generated from the server itself, based on the URL. So your browser is receiving pre-rendered HTML code, not an empty ‘div’.
  • Gatsby- While CRA offers client-side rendering and Next.js offers server-side rending, Gatsby is something called “Static Site Generator”. If you’re new to static site generators, those are generators which build “HTML” code during the “build”, by fetching data from some APIs, markdown files or anything. Note that everything is done in the “build” process. Similar to Next.js browser receives pre-rendered HTML code.

Gatsby vs Next

link

Tutorials

Learn Next.js

link

Gatsby Tutorial

link

Bookmark

Next.js Docs

link

Gatsby.js Docs

link