Introduction & App Router

53 lessons in Next.js

• App Router vs Pages RouterSlides / Video
• page.js Needs a Default ExportCode Quiz
• App Router vs Pages Router Data FetchingCode Quiz
• Placement of 'use client'Code Quiz
• Importing the Link ComponentCode Quiz
• Next.js Handles Rendering For YouCode Quiz
• Defining a Page Title with MetadataCode Quiz
• Route Groups Use ParenthesesCode Quiz
• Scaffolding a New ProjectCode Quiz
• Folders Define Route SegmentsCode Quiz
• Naming a Special FileCode Quiz
• Destructuring the children PropCode Quiz
• Hooks Need a Client ComponentCode Quiz
• Root Layout Requires html and bodyCode Quiz
• Nested Layout Must Render ChildrenCode Quiz
• Where App Router Routes LiveCode Quiz
• Next.js Project Folder StructureSlides / Video
• Creating a Project with create-next-appSlides / Video
• Why Developers Choose Next.jsSlides / Video
• What Next.js Is and Its Relationship to ReactSlides / Video
• Navigating with the Link ComponentSlides / Video
• The Root Layout RequirementSlides / Video
• Nested Routes via Folder StructureSlides / Video
• The layout.js File and Shared LayoutsSlides / Video
• The page.js File and RoutesSlides / Video
• File-Based Routing in the App DirectorySlides / Video
• Running the Next.js Dev ServerSlides / Video
• Running the Dev ServerQuiz
• The App DirectoryQuiz
• What Next.js IsQuiz
• Key Benefits of Next.jsQuiz
• Root Layout RequirementQuiz
• Creating a Next.js ProjectQuiz
• The layout FileQuiz
• Default Project FilesQuiz
• File-Based Routing BasicsQuiz
• Server Components by DefaultQuiz
• The page FileQuiz
• App Router vs Pages RouterQuiz
• Special Files OverviewFlashcard
• Running the Dev ServerFlashcard
• File-Based RoutingFlashcard
• What Next.js IsFlashcard
• App Router vs Pages RouterFlashcard
• Creating a ProjectFlashcard
• The app DirectoryFlashcard
• Server Components by DefaultFlashcard
• The page.js FileFlashcard
• Benefits Over Plain ReactFlashcard
• Nested RoutesFlashcard
• The Root LayoutFlashcard
• The layout.js FileFlashcard
• Project Folder StructureFlashcard