Next.js Tutorial

A Next.js tutorial typically serves as a comprehensive guide for learning Next.js, a popular React framework for building web applications. The tutorial covers essential concepts such as installation, project setup, and the fundamental features of Next.js, including server-side rendering and routing.

Beginner 4(1 Ratings) 30 Students enrolled
Created by internee pk Last updated Wed, 20-Mar-2024 English
What will i learn?
  • Master

Curriculum for this course
71 Lessons 07:39:33 Hours
next js full course
71 Lessons 07:39:33 Hours
  • Next.js Tutorial - 48 - API Routes 00:01:49
  • Next.js Tutorial - 49 - Styling Section Intro 00:00:54
  • Next.js Tutorial - 50 - Global Styles 00:04:48
  • Next.js Tutorial - 51 - Component Level Styles 00:04:54
  • Next.js Tutorial - 52 - SASS Support 00:04:01
  • Next.js Tutorial - 53 - CSS in JS 00:04:21
  • Next.js Tutorial - 54 - Styling Summary 00:01:53
  • Next.js Tutorial - 55 - Miscellaneous Section Intro 00:01:36
  • Next.js Tutorial - 56 - App Layout 00:07:09
  • Next.js Tutorial - 57 - Head Component 00:06:20
  • Next.js Tutorial - 58 - Image Component 00:10:06
  • Next.js Tutorial - 59 - Absolute Imports & Module Paths 00:03:44
  • Next.js Tutorial - 60 - Static HTML Export 00:06:46
  • Next.js Tutorial - 61 - TypeScript Support 00:04:47
  • Next.js Tutorial - 61 - TypeScript Support 00:04:47
  • Next.js Tutorial - 62 - Preview Mode 00:14:23
  • Next.js Tutorial - 63 - Redirects 00:05:01
  • Next.js Tutorial - 64 - Environment Variables 00:05:51
  • Next.js Tutorial - 65 - Miscellaneous Summary 00:02:10
  • Next.js Tutorial - 66 - Authentication Section Intro 00:01:15
  • Next.js Tutorial - 67 - Authentication in Next.js 00:03:06
  • Next.js Tutorial - 68 - NextAuth Setup 00:08:24
  • Next.js Tutorial - 69 - Sign In and Sign Out 00:04:11
  • Next.js Tutorial - 70 - Client-side Authentication 00:05:36
  • Next.js Tutorial - 71 - Securing Pages Client-side 00:06:51
  • Next.js Tutorial - 72 - NextAuth Provider 00:07:16
  • Next.js Tutorial - 73 - Server-side Authentication 00:08:47
  • Next.js Tutorial - 1 - Introduction 00:06:46
  • Next.js Tutorial - 2 - Hello World 00:03:28
  • Next.js Tutorial - 3 - Project Structure 00:10:42
  • Next.js Tutorial - 4 - Routing Section Intro 00:02:34
  • Next.js Tutorial - 6 - Nested Routes 00:05:18
  • Next.js Tutorial - 7 - Dynamic Routes 00:10:21
  • Next.js Tutorial - 8 - Nested Dynamic Routes 00:05:08
  • Next.js Tutorial - 9 - Catch All Routes 00:11:16
  • Next.js Tutorial - 10 - Link Component Navigation 00:09:03
  • Next.js Tutorial - 11 - Navigating Programmatically 00:04:05
  • Next.js Tutorial - 12 - Custom 404 Page 00:02:37
  • Next.js Tutorial - 13 - Routing Summary 00:01:57
  • Next.js Tutorial - 14 - Pre-rendering and Data Fetching Section Intro 00:02:01
  • Next.js Tutorial - 15 - Pre-rendering 00:08:17
  • Next.js Tutorial - 16 - Static Generation 00:06:06
  • Next.js Tutorial - 17 - Static Generation with getStaticProps 00:08:33
  • Next.js Tutorial - 18 - Pages vs Components 00:04:01
  • Next.js Tutorial - 19 - More on getStaticProps 00:03:44
  • Next.js Tutorial - 20 - Inspecting Static Generation Builds 00:10:46
  • Next.js Tutorial - 22 - SSG with Dynamic Parameters 00:12:46
  • Next.js Tutorial - 23 - SSG with getStaticPaths 00:06:01
  • Next.js Tutorial - 24 - Inspecting getStaticPaths Builds 00:06:24
  • Next.js Tutorial - 25 - Fetching Paths for getStaticPaths 00:06:17
  • Next.js Tutorial - 26 - getStaticPaths fallback false 00:06:45
  • Next.js Tutorial - 27 - getStaticPaths fallback true 00:19:36
  • Next.js Tutorial - 28 - getStaticPaths fallback blocking 00:06:28
  • Next.js Tutorial - 29 - Incremental Static Regeneration 00:17:57
  • Next.js Tutorial - 30 - Inspecting ISR Builds 00:16:46
  • Next.js Tutorial - 31 - Server-side Rendering 00:06:24
  • Next.js Tutorial - 32 - SSR with getServerSideProps 00:09:39
  • Next.js Tutorial - 33 - SSR with Dynamic Parameters 00:06:46
  • Next.js Tutorial - 34 - getServerSideProps context 00:05:31
  • Next.js Tutorial - 35 - Inspecting SSR Builds 00:03:37
  • Next.js Tutorial - 36 - Client-side Data Fetching 00:08:01
  • Next.js Tutorial - 37 - SWR for Client-side Data Fetching 00:05:46
  • Next.js Tutorial - 38 - Pre rendering + Client side Data Fetching 00:15:55
  • Next.js Tutorial - 39 - Pre-rendering & Data Fetching Summary 00:03:40
  • Next.js Tutorial - 40 - API Routes Section Intro 00:01:17
  • Next.js Tutorial - 41 - API Routes 00:08:01
  • Next.js Tutorial - 42 - API GET Request 00:06:29
  • Next.js Tutorial - 44 - Dynamic API Routes 00:05:01
  • Next.js Tutorial - 45 - API DELETE Request 00:05:23
  • Next.js Tutorial - 46 - Catch All API Routes 00:04:45
  • Next.js Tutorial - 47 - APIs and Pre-rendering 00:06:49
Requirements
  • basic knowledge
+ View more
Description

A Next.js tutorial typically serves as a comprehensive guide for learning Next.js, a popular React framework for building web applications. The tutorial covers essential concepts such as installation, project setup, and the fundamental features of Next.js, including server-side rendering and routing. Participants learn to create dynamic pages, work with data fetching techniques, and leverage the framework's powerful capabilities for optimizing performance and SEO. The tutorial may also include sections on styling, deployment strategies, and integration with APIs. With a hands-on approach, participants gain practical experience in building modern and efficient React applications using Next.js.

+ View more
Other related courses
06:51:01 Hours
Updated Mon, 25-Mar-2024
0 37 Free
03:38:03 Hours
Updated Wed, 20-Mar-2024
0 28 Free
02:23:45 Hours
Updated Mon, 25-Mar-2024
0 17 Free
30:32:28 Hours
Updated Wed, 20-Mar-2024
0 61 Free
About the instructor
  • 8 Reviews
  • 628 Students
  • 18 Courses
+ View more

Our internship program is designed to give students the opportunity to work on meaningful projects and tasks, while also receiving mentorship and guidance from experienced professionals in the field. Our goal is to help interns develop the skills and knowledge they need to succeed in their careers, while also building a strong network of talented individuals who may become valuable members of our team in the future. If you're looking for a challenging and rewarding internship experience, we invite you to explore our program

Student feedback
4
Average rating
  • 0%
  • 0%
  • 0%
  • 100%
  • 0%
Reviews
  • Wed, 12-Jun-2024
    Muhammad Ahtesham Ul Haq
Free
Includes:
  • 07:39:33 Hours On demand videos
  • 71 Lessons
  • Access on mobile and tv
  • Full lifetime access
  • Compare this course with other