Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

The Complete Course On Next JS For Beginners [2022 Updated]

person icon Sangam Mukherjee

4.1

The Complete Course On Next JS For Beginners [2022 Updated]

Learn Next JS basics and build full stack apps with the Next JS framework!

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Sangam Mukherjee

English [CC]

category icon Javascript,Development

Lectures -21

Duration -1.5 hours

4.1

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

This course will take you from Next JS beginner to advanced level in no time!

We'll start at the very basics, no Next JS knowledge is required at all, and we'll then dive into all the core features that make up Next JS where all concepts will be applied step-by-step.

For this course, you'll need basic React knowledge.

In detail, this course will cover:

  • What is NextJS? And why would you use it?

  • Creating NextJS projects from the ground up & understanding folder structure

  • Working with file-based routing

  • Adding dynamic routes

  • Navigate between pages using Next/Link and Next/Router

  • Implementing different forms of page pre-rendering and server-side rendering

  • Working with data and adding data fetching + pre-fetching to your apps

  • Pre-generating dynamic and static pages

  • API routes and fetch data from API routes

  • Adding authentication to Next JS apps using Next Auth Google provider

What should you know before taking this course?

You should know JavaScript basics and modern JavaScript features like arrow functions, restructuring, the spread operator

You should also know the basics of React.

Who this course is for:

  • Programmers who want to learn the most in demand skill of a web developer

  • Developers that want to be in the top of Next JS Developers

  • React/Web developers who want to build static or hybrid (static + SSR) web apps with Next·js

Goals

  • Learn all key Next JS features like pre-rendering, SSR, data fetching, file-based routing.
  • Learn how to build client-side and full stack React JS apps with Next JS
  • Build real projects and apply what you learned.
  • Implement Authentication Using Next Auth Google Provider.

Prerequisites

  • JavaScript ES6 knowledge is required
  • React JS basic knowledge is mandatory
  • No prior Next JS knowledge is required
The Complete Course On Next JS For Beginners [2022 Updated]

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
2 Lectures
  • play icon Introduction 01:37 01:37
  • play icon Create a next js app and understand folder structure 07:10 07:10
File Based Routing
6 Lectures
Tutorialspoint
Data Fetching And Pre Rendering
7 Lectures
Tutorialspoint
Api Routes
2 Lectures
Tutorialspoint
Next Auth Authentication
4 Lectures
Tutorialspoint

Instructor Details

Sangam Mukherjee

Sangam Mukherjee


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515