Official Next Js Tutorial Code Along - React Web Development

Table of contents

1. Chapter 1 : Introduction
   1. Course Overview
   2. What Is Next.js and Web Development Basics
   3. What Are the Essentials of Web Development for Beginners
   4. Quick Note on Self-Learning
   5. What Is React for Complete Beginners
   6. What Is Next.js Exactly and Its Usefulness Basics
   7. How Websites and HTML Work for Complete Beginners
2. Chapter 2 : Build a Basic Website from Scratch
   1. What Is a Text Editor and How to Get VSC
   2. Deploy Your First Website with Old-School HTML and JS for Complete Beginners
   3. Manipulate the DOM with JavaScript Web Basics
   4. Imperative Versus Declarative Programming and Web Development
3. Chapter 3 : Build a React Project from Scratch
   1. Convert Website Code to a React App Manually with Src Pointing
   2. Introduction to Babel and JSX
4. Chapter 4 : JavaScript Essentials for Mastering React
   1. Download Node.js and What Is Node.js
   2. Setting Up Our Learning Environment
   3. What Are Functions in JavaScript
   4. Example of How Functions Work in JavaScript for Complete Beginners
   5. What Are Function Expressions in JavaScript
   6. JavaScript Interview Question Trick with Function Expressions and Utility Fun
   7. What Is Function Hoisting in JavaScript
   8. How Scope Works in JavaScript
   9. What Are Closures and an Example with JavaScript Explained
   10. Advanced Closure Module Pattern with Data Privacy Encapsulation
   11. What Are Arrows Functions and Usefulness in React
   12. Destructuring with JavaScript
5. Chapter 5 : React Code Along from Scratch – Step-by-Step Learning React
   1. How to Write Components in React
   2. How the Component Tree Structure in React Works and Nested Components
   3. How Props Work in React
   4. Mapping Through Lists in React
   5. What Are React Hooks and State in React
6. Chapter 6 : Introduction to Next.js for Professional Development
   1. Migrating from React to Next.js
7. Chapter 7 : Higher-Level Next.js Core Concepts
   1. Development Environment and Build Versus Production Build with Next.js
   2. Introduction to the Next.js Compiler
   3. Demystifying What Is Meant by Next.js 'Compiler'
   4. What Is Minification in Next.js
   5. What Is Bundling in Next.js
   6. What Is Code Splitting in Next.js
   7. Build-Time Versus Run-Time Basics
   8. What Is the Client and What Is the Server in Web Applications - Basics
   9. What Is Rendering in Next.js
   10. What Is Pre-Rendering in Next.js
   11. What Is CSR, Client-Side Rendering with Next.js
   12. How Server-Side Rendering Works as a Deeper Dive
   13. What Is SSG in Next.js
   14. What Are CDNs and the Edge in Next.js and Vercel
8. Chapter 8 : Build a Next.js App from Scratch Bootcamp Code-Along - Zero to Hero
   1. Introduction and Quick Note about the Upcoming Final Project
   2. How to Start a Next.js Template Locally
   3. Next.js Template File Structure Overview
   4. How Pages Work in Next.js
   5. Prefetching and Codesplitting with Link And CSN – Client-Side Navigation in N
9. Chapter 9 : Working with Metadata and Assets in Next.js
   1. Download the CSS Starter Kit Project from Next.js Official
   2. How Images Optimize with Next.js
   3. Scripts and Header Data and Props with Next.js
   4. CSS Modules and Next.js Optimizations with Layout
   5. Global Styling with Next.js
   6. Customizing Utility Styles with Next.js
   7. Metadata for SEO and Social Media with Next.js
   8. Writing Dynamic Layout Components with Next.js
   9. How to Use Children and Props in React and Next.js
10. Chapter 10 : Pre-Rendering and Data Fetching with Next.js
    1. Pre-Rendering Tests with Next.js
    2. What Is Static Generation Versus Server-Side Rendering with Next.js
    3. Static Generation with Data in Next.js
    4. Concise Basic Algorithms for Next.js Practice and Data Processing
    5. Static Generation and GetStaticProps with Next.js
    6. When to Use GetStaticPropsServer with Next.js
    7. SSR Versus CSR and GetServerSideProps with Next.js
11. Chapter 11 : Dynamic Routes with Next.js
    1. How to Create Dynamic Routes with Next.js
    2. getStaticPaths with Next.js Implementation
    3. Mastering Dynamic Static Rendering with Next.js
    4. Rendering Markdown and Security Vulnerabilities with Injected HTML
    5. Polishing the Dynamic Post Pages
    6. Polishing a Next.js Component with Styling
    7. Fetching Data and Database Querying Plus ISR with Next.js
    8. API Routes with Next.js
12. Chapter 12 : How to Deploy a Next.js Application from Scratch
    1. What Is GitHub and How to Get Started with It
    2. How to Push Your Next.js App to GitHub
    3. Deploy Your App to Vercel and Commit Changes with GitHub
    4. Real-World Multi-Branch Feature Building on GitHub with React
    5. Pull Requests and Merging Code Reviews with GitHub Automatic Vercel Deployment