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
25 ratings
1301 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 (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

Last 5 Reviews

M
Memebox
Apr 24, 2021
Everything is covered for the basics, I have learnt it using this course, Though I feel like something is missing, but I don't know what. Thanks a lot!
rn
rajkamal nehul
Apr 12, 2021
learning experience is very smooth so far...
ci
crack it
Apr 10, 2021
nice course
BD
Being Developer
Mar 30, 2021
I like the way was of his point-to-point explanation...
MM
Murillo Medeiros de Melo
Feb 08, 2021
muito bom

Your Instructor

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
  • Learning Path support
  • Unlimited hands-on practice

Pro

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