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 hours+ of total content
4.8
35 ratings
1478 developers learning
Course Creator: Mehul Mohan

Hang on...

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

Course Reviews

Jul 26, 2021
besto explained but please provide practical applications
Jul 15, 2021
Great Job!!!
Jun 27, 2021
great and simple explanation
Jun 24, 2021
Good work
Jun 09, 2021
Good one!

Your Course Instructor

Course Instructor Image

Mehul Mohan

Full-stack developer and security researcher

I'm a full-stack developer working with JavaScript and its associated runtimes for the past 7 years. I love to play with code and make something useful out of it! You can find me on social media, I'm quite active there :)
codedamn logo

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

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice
Try codedamn Pro (7 day free refund)