Next.js — an introduction

Next.js is a JavaScript framework that began development in 2016 and builds on top of React ...

While React provides user interfaces with only client-side rendering, Next.js also allows server-side rendering! This allows Next.js to:

• have pages of a web app get rendered by the server
• cache pages for faster loading
• route users to other pages more easily
• deploy more quickly

Developing with Next.js requires only a good grasp of JavaScript and React!

Topics

• Installation
  • Downloading
  • Project folder structure
    • .gitignore
    • app/layout.tsx
• Development basics
  • Creating the homepage
  • Previewing the page on a local server
    • Hot reloading
  • Routing to subpages
  • Linking among pages
    • Linking any page