Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Fundamental Next.js API and Patterns

via egghead.io

Overview

This course goes beyond just getting started, and will teach you everything you need to know about the fundamentals of Next.js.
Next.js gives you the full power of React while also filling in the gaps in one package. It’s optimized and gives you a first class page building experience and just enough structure to keep you productive.
It is React’s recommendation for building server side rendered (SSR) web apps, and it features SSR and Static Site Generation (SSG), TypeScript support, routing, and more.
There’s a lot to learn. But by going through this course you’ll be building a rock-solid foundation with Next.js for yourself, especially if you work along with the workshop exercises that Lazar put together https://github.com/nikolovlazar/egghead-beginners-guide-nextjs.
During this course you’ll do the following:
Set up a new Next.js project and customize the default components and configuration
Create static and dynamic routes and implement navigation with the Link component
Style your app with Global CSS, CSS Modules, CSS-In-JS, and UI frameworks like Chakra UI
Learn the difference between and how to use the various rendering methods in Next.js (SSG, SSR, ISR)
Use API routes to fetch data
And finally deploy your app to Vercel!
So start watching and become a Next.js pro today!

Syllabus

  • Create a New Next.js and TypeScript Project
  • Create New Pages in Next.js and Navigate Them Using Link
  • Create Dynamic Routes with Next.js
  • Serve Static Assets in a Next.js Project
  • Serve Optimized Images Using the Next.js Image Component
  • Provide page-specific Metadata Using the Head Component
  • Override the Default App Component in Next.js
  • Override the Default Next.js Document
  • Style Your Next.js App with Global CSS, CSS Modules, and CSS-In-JS
  • Create Custom Layouts in Next.js to Apply to All or Individual Pages
  • Super Charge your Next.js Development with UI Frameworks like Chakra UI
  • Understand SSG, ISR, and SSR Rendering Methods used in Next.js
  • Statically Generate Pages using SSG and ISR with Next.js getStaticProps and getStaticPaths
  • Dynamically Generate Next.js Pages with Server Side Rendering using getServerSideProps
  • Define and Use Next.js API Routes to Make Server Side Requests
  • Deploy your Next.js app on Vercel

Taught by

Lazar Nikolov

Reviews

4.6 rating at egghead.io based on 76 ratings

Start your review of Fundamental Next.js API and Patterns

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.