53 items
App Router vs Pages Router
Slides / Videopage.js Needs a Default Export
Code QuizApp Router vs Pages Router Data Fetching
Code QuizPlacement of 'use client'
Code QuizImporting the Link Component
Code QuizNext.js Handles Rendering For You
Code QuizDefining a Page Title with Metadata
Code QuizRoute Groups Use Parentheses
Code QuizScaffolding a New Project
Code QuizFolders Define Route Segments
Code QuizNaming a Special File
Code QuizDestructuring the children Prop
Code QuizHooks Need a Client Component
Code QuizRoot Layout Requires html and body
Code QuizNested Layout Must Render Children
Code QuizWhere App Router Routes Live
Code QuizNext.js Project Folder Structure
Slides / VideoCreating a Project with create-next-app
Slides / VideoWhy Developers Choose Next.js
Slides / VideoWhat Next.js Is and Its Relationship to React
Slides / VideoNavigating with the Link Component
Slides / VideoThe Root Layout Requirement
Slides / VideoNested Routes via Folder Structure
Slides / VideoThe layout.js File and Shared Layouts
Slides / VideoThe page.js File and Routes
Slides / VideoFile-Based Routing in the App Directory
Slides / VideoRunning the Next.js Dev Server
Slides / VideoRunning the Dev Server
QuizThe App Directory
QuizWhat Next.js Is
QuizKey Benefits of Next.js
QuizRoot Layout Requirement
QuizCreating a Next.js Project
QuizThe layout File
QuizDefault Project Files
QuizFile-Based Routing Basics
QuizServer Components by Default
QuizThe page File
QuizApp Router vs Pages Router
QuizSpecial Files Overview
FlashcardRunning the Dev Server
FlashcardFile-Based Routing
FlashcardWhat Next.js Is
FlashcardApp Router vs Pages Router
FlashcardCreating a Project
FlashcardThe app Directory
FlashcardServer Components by Default
FlashcardThe page.js File
FlashcardBenefits Over Plain React
FlashcardNested Routes
FlashcardThe Root Layout
FlashcardThe layout.js File
FlashcardProject Folder Structure
FlashcardNested Layout Must Render Children
A nested layout wraps its child pages by rendering the children prop.
// File: app/dashboard/layout.js
export default function DashboardLayout({ children }) {
return (
<section>
<nav>Dashboard Nav</nav>
</section>
);
}Why won't the nested pages appear inside this layout?