Next js for Beginners Course

5.0 (1 review)
  • 79 Lessons
  • 33 Students
  • Certificate of completion

It is a framework built on top of React Library. Although if you are eager to start learning Next. js then I would recommend you to first learn the basics of React such as functional components, hooks and JSX. Only then you'll be able to grasp the concepts of Next.

To Register in Course you have to watch at least 30 Second of any lesson

What You'll Learn

  • Create dynamic, server-rendered web applications using Next.js and React for improved performance and SEO
  • Build and deploy scalable Next.js projects with optimized routing, static site generation, and server-side rendering techniques
  • Implement React hooks, functional components, and JSX effectively within Next.js frameworks for interactive user interfaces
  • Utilize Next.js features like API routes, middleware, and environment variables to enhance web application functionality
  • Optimize Next.js applications for speed, accessibility, and SEO using best practices and performance tuning
  • Manage state, data fetching, and authentication seamlessly in Next.js projects for secure, user-centric web apps
  • Integrate third-party APIs and external data sources into Next.js applications for dynamic content delivery
  • Debug, test, and troubleshoot Next.js applications to ensure robust, bug-free web experiences

Course Content

79 Lessons • 8 h 27 m total

Next js Tutorial 1 Introduction

6:46

Next js Tutorial 2 Hello World

3:28

Next js Tutorial 3 Project Structure

10:42

Next js Tutorial 4 Routing Section Intro

2:34

Next js Tutorial 5 Routing with Pages

6:01

Next js Tutorial 6 Nested Routes

5:18

Next js Tutorial 7 Dynamic Routes

10:21

Next js Tutorial 8 Nested Dynamic Routes

5:08

Next js Tutorial 9 Catch All Routes

11:16

Next js Tutorial 10 Link Component Navigation

9:03

Next js Tutorial 11 Navigating Programmatically

4:05

Next js Tutorial 12 Custom 404 Page

2:37

Next js Tutorial 13 Routing Summary

1:57

Next js Tutorial 14 Pre rendering and Data Fetching Section Intro

2:01

Next js Tutorial 15 Pre rendering

8:17

Next js Tutorial 16 Static Generation

6:06

Next js Tutorial 17 Static Generation with getStaticProps

8:33

Next js Tutorial 18 Pages vs Components

4:01

Next js Tutorial 19 More on getStaticProps

3:44

Next js Tutorial 20 Inspecting Static Generation Builds

10:46

Next js Tutorial 21 Running Static Generation Builds

9:49

Next js Tutorial 22 SSG with Dynamic Parameters

12:46

Next js Tutorial 23 SSG with getStaticPaths

6:01

Next js Tutorial 24 Inspecting getStaticPaths Builds

6:24

Next js Tutorial 25 Fetching Paths for getStaticPaths

6:17

Next js Tutorial 26 getStaticPaths fallback false

6:45

Next js Tutorial 27 getStaticPaths fallback true

19:36

Next js Tutorial 28 getStaticPaths fallback blocking

6:28

Next js Tutorial 29 Incremental Static Regeneration

17:57

Next js Tutorial 30 Inspecting ISR Builds

16:46

Next js Tutorial 31 Server side Rendering

6:24

Next js Tutorial 32 SSR with getServerSideProps

9:39

Next js Tutorial 33 SSR with Dynamic Parameters

6:46

Next js Tutorial 34 getServerSideProps context

5:31

Next js Tutorial 35 Inspecting SSR Builds

3:37

Next js Tutorial 36 Client side Data Fetching

8:01

Next js Tutorial 37 SWR for Client side Data Fetching

5:46

Next js Tutorial 38 Pre rendering Client side Data Fetching

15:55

Next js Tutorial 39 Pre rendering Data Fetching Summary

3:40

Next js Tutorial 40 API Routes Section Intro

1:17

How to Get The Certificate

  • You must have an Account on the platform.
  • Complete all lessons.
  • Watch at least 50% of Lesson Duration.
  • Get your Certificate free 🎉 !

Certificate Example

Mind Luster Certificate Template

5.0 (1 review)

Overall rating

  • 5.0 100%
  • 4.0 0%
  • 3.0 0%
  • 2.0 0%
  • 1.0 0%

Reviews

Abdal Asad

· 1yr ago

The course is absolutely friendly & easy to follow up!

Next js for Beginners Course Description

It is a framework built on top of React Library. Although if you are eager to start learning Next. js then I would recommend you to first learn the basics of React such as functional components, hooks and JSX. Only then you'll be able to grasp the concepts of Next.

Focus on Learning, Not Ads

Experience the full power of Mindluster with Premium.
No distractions, just pure education.

Get Mindluster Premium

Cancel your subscription anytime

Course Intro