Course image for Next.js Fundamentals

Next.js Fundamentals

Equip yourself with the core fundamentals of Next.js - the most popular choice for building server side rendering applications with React

2.5 hours+ of content
4.9
21 ratings
1128 developers learning
Creator: Mehul Mohan
Start

Goals

  • Next.js Fundamental Concepts
  • Using TypeScript + Next.js
  • SSR with Next.js
  • Advanced Routing
  • Styling application

Description

Next.js is a popular framework for developing Server-Side-Rendered (SSR) applications with React. With this course, we'll learn the fundamental Next.js concepts which are essential when you're starting with the technology

This course would cover the core of how to build things with Next.js and the theoritical aspect of framework. We'll be building simple and dummy applications too, but for whole projects, you can check out classrooms or Next.js Mastery Learning Path. Topics summary:

  1. Introduction to Next.js
  2. What is Next.js and how it works
  3. Routing
  4. APIs
  5. Deployment
  6. Server Side Rendering functions

Let's start!

Course Structure

28 lectures 02:24:21 total duration

Introduction

(7 lectures • 37 minutes)
  Course Introduction (Preview)
02:32
  Next.js Introduction (Preview)
03:30
  Installing Next.js (Preview)
06:03
  File Structure Explained (Preview)
05:31
  Pages Explained (Preview)
05:43
  _document.tsx file explained (Preview)
05:39
  _app.tsx file explained (Preview)
08:10
  Style section introduction (Preview)
00:21
  Styled JSX (Preview)
06:34
  Global Styles (Preview)
02:58
  CSS Modules (Preview)
03:37
  Sass Modules (Preview)
02:51
  File Structure (Preview)
02:07
  API Section Intro (Preview)
00:27
  Creating APIs with Next.js (Preview)
05:19
  req and res objects (Preview)
07:43
  Simple JWT Auth Example (Preview)
15:04
  Simple Routing (Preview)
04:13
  Link component (Preview)
03:41
  Nested Routing (Preview)
03:07
  Dynamic Routing (Preview)
07:07
  useRouter (Preview)
06:58
  Catch All Route (Preview)
05:00
  Custom 404 Page (Preview)
01:34
  getStaticProps (Preview)
06:27
  revalidate parameter (Preview)
03:41
  getStaticPaths (Preview)
14:09
  getServerSideProps (Preview)
04:15
codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a 1337 plan for advanced and accelerated learning!

Plan Zero

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

Plan 1337

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become 1337 Member