Course image for Learn Next.js 11 - Build Modern Next.js Applications

Learn Next.js 11 - Build Modern Next.js Applications

Learn the fundamentals of Next.js and how to build production ready applications using Next.js as a technology

2 hours+ of total content
4.8
53 ratings
1806 students enrolled
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. In this course, we'll learn the fundamental Next.js concepts which are essential when you're starting with the technology. If you want to become a great full-stack developer with React as your stack, Next.js is a no-brainer.

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 should check out codedamn's full-stack 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

30 lectures • 02:30:21 total duration

Introduction

(9 lectures • 43 minutes)
  Course Introduction (Watch video)
02:32
  Next.js Introduction (Watch video)
03:30
  Installing Next.js (Watch video)
06:03
  Next.js Hello World (Practice concept)
05:00
  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
  What's true about _document.js page in Next.js? (Attempt quiz)
01:00
  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

Student feedback

4.8
Course Rating

92%

8%

0%

0%

0%

Reviews

MD. Minhajur Rahman (@sakkhor)
Oct 24, 2021
its goog
bpsen (@bpsen)
Oct 21, 2021
Good job explaining.Clear and detailed.
ZIAD JDX (@mohazifa)
Oct 20, 2021
precise and straight to the point.
Tarun Soni (@tarun4)
Oct 20, 2021
simple. clear and to the point
Suzanne Hallbert (@Hennazus)
Oct 15, 2021
Well explained. Easy to follow.

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 :)

Upgrade to codedamn Pro Plan and unlock more courses for accelerated learning. Unlimited courses, interactive learning and more.

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
  • All exclusive courses unlocked
  • Unlimited hands-on practice
Try codedamn Pro (14-day free refund)