Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js Full Tutorial for Beginners - Next.js 13 Full Stack App Using App Router

Lama Dev via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
A beginner tutorial that builds a full-stack application with Next.js 13 and the App Router. It covers routing, rendering, data fetching, MongoDB CRUD operations, authentication, protected routes, and an admin dashboard.

Syllabus

Introduction
Next.js Crash Course Why You Should Use Next?
Next.js Installation
Next.js Folder Structure
Next.js Routing Tutorial App Router
Next.js Layouts and Components
Next.js Rendering Explained Server side and Client side
Next.js Styling Global and Module CSS
Next.js Image Explained
Next.js App UI Design
Next.js Dark/Light Mode Tutorial
Next.js Context API Tutorial App Router
Next.js Data Fetching Explained Static, Dynamic
Next.js How to Fetch Data on the Client Side? SWR Tutorial
Next.js How to Fetch Data from Local Json File?
Next.js MongoDB Full Stack App Tutorial
Next.js API Folder and CRUD Operations App Router
Next.js SEO Tutorial Static and Dynamic SEO
Next.js Auth Tutorial New App Router
Next.js Google Auth Sign in with Google
Next.js Credentials Auth Sign in with Email and Password
Next.js Protected Routes with Auth.js
Next.js Admin Dashboard Tutorial
Next.js SWR Mutation
Outro

Taught by

Lama Dev

Reviews

Start your review of Next.js Full Tutorial for Beginners - Next.js 13 Full Stack App Using App Router

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.