← Modern Web & App Development

Fees by level

Start at any level, or take the complete programme. The fee you pay for a level is locked for you.

All fees are in Indian Rupees and include applicable taxes. See our pricing & payment terms.

The complete curriculum

01 Getting Started 2 lessons ▶

1. 1.1Getting Started
2. 1.2Course Overview

02 NextJs Essentials 5 lessons ▶

1. 2.1Foundation & Routing Fundamentals Part1
2. 2.2Foundation & Routing Fundamentals Part2
3. 2.3Advanced Routing & Project Structure
4. 2.4Layouts, Styling & Components
5. 2.5Dynamic Content & Data Management

03 Routing & Page Rendering 6 lessons ▶

1. 3.1SetUp and Introduction
2. 3.2Dynamic Routing
3. 3.3Custom 404 Page & Navigation
4. 3.4Programmatic Navigation
5. 3.5Nested Routes & Advanced Patterns
6. 3.6Server vs Client Components

04 Data Fetching 4 lessons ▶

1. 4.1Project SetUp and API Foundations
2. 4.2API Routes
3. 4.3Enhanced Routes and Postman Testing Part 1
4. 4.4Enhanced Routes and Postman Testing Part 2

05 Mutating Data 11 lessons ▶

1. 5.1Module Introduction Mutating Data In Next.js
2. 5.2Starting the Project & Analyzing Mutation Options
3. 5.3Setting Up A Form Action
4. 5.4Creating a Server Action (Storing Data in Database)
5. 5.5Providing User Feedback with the useFormStatus Hook
6. 5.6Using useFormState Hook
7. 5.7Validating User Input With Help of the useFormState Hook
8. 5.8Adjusting Server Actions for useFormState
9. 5.9use server Does Not Guarantee Server-side Execution
10. 5.10Uploading & Storing Images Part 1
11. 5.11Uploading & Storing Images Part2

06 Understanding and configuring Caching 5 lessons ▶

1. 6.1Module Introduction & Project SetUp
2. 6.2Handling Request Memoization
3. 6.3Understanding the Data Cache & Cache Settings
4. 6.4Controlling Data Caching
5. 6.5Making Sense Of The Full Route Cache & On-Demand Cache Invalidation

07 NextJs App Optimization 3 lessons ▶

1. 7.1Image Optimization Fundamentals
2. 7.2Page Metadata and SEO Optimization
3. 7.3Legacy Metadata Management - Page Router

08 User Authentication 6 lessons ▶

1. 8.1Module & Project Setup
2. 8.2User Signup Extracting And Validating User Input
3. 8.3Storing Users In The Database The Wrong Way
4. 8.4Storing Users In The Database The Right Way
5. 8.5Checking for Email Duplication
6. 8.6Choosing a Third-Party Auth Package Lucia

09 Pages and File Based Routing 11 lessons ▶

1. 9.1Module Introduction
2. 9.2Planning the Project
3. 9.3Setting Up the Main Pages
4. 9.4Adding Dummy Data & Static Files
5. 9.5Adding Regular React Components
6. 9.6Adding More React Components & Connecting Them
7. 9.7Styling Components in Next.js Projects
8. 9.8Link and Navigation in Next.js 13
9. 9.9Adding the Event Detail Page - Dynamic Route
10. 9.10Adding a General Layout Wrapper Component
11. 9.11Adding a Filter Form for Filtering Events

10 Page Pre-Rendering and Data Fetching 3 lessons ▶

1. 10.1Static Blog With ISR
2. 10.2Dynamic Product Pagesn with Fallbacks
3. 10.3Dashboard with Hybrid Data Fetching

11 Adding Backend Code with API Routes 3 lessons ▶

1. 11.1Parsing The Incoming Request and Executing Server side Code
2. 11.2Using API Routes to Get Data
3. 11.3Creating and Using Dynamic API Routes

12 Working with App-wide State 3 lessons ▶

1. 12.1Creating React Context
2. 12.2Using Context Data in Components
3. 12.3Triggering and Showing Notifications

13 Deploying NextJs Apps 1 lesson ▶

1. 13.1Deploying Nextjs App

14 Next.js Summary 5 lessons ▶

1. 14.1Next.js Fundamentals and Project SetUp
2. 14.2Routing and Navigation
3. 14.3Pre-rendering and Data Fetching
4. 14.4Deploying Nextjs App PART1
5. 14.5Deploying Nextjs App PART2

Tools you'll use

Related courses