Static generation and GetStaticProps with Next.js

Contents

• Introduction Introduction

  • Course overview

    1m 52s
  • What is Next.js and web development basics

    8m 48s
  • What are the essentials of web development for beginners?

    6m 26s
  • Quick note on self-learning

    2m 4s
  • What is React for complete beginners?

    4m 15s
  • What is Next.js exactly and its usefulness basics?

    3m 20s
  • (Locked)
    How websites and HTML work for complete beginners

    5m 1s
• 1. Build a Basic Website from Scratch 1. Build a Basic Website from Scratch

  • (Locked)
    What is a text editor and how to get VSC?

    1m 53s
  • (Locked)
    Deploy your first website with old-school HTML and JS for complete beginners

    6m 1s
  • (Locked)
    Manipulate the DOM with JavaScript web basics

    8m 55s
  • (Locked)
    Imperative versus declarative programming and web development

    5m 22s
• 2. Build a React Project from Scratch 2. Build a React Project from Scratch

  • (Locked)
    Convert website code to a React app manually with src pointing

    6m
  • (Locked)
    Introduction to Babel and JSX

    12m 1s
• 3. JavaScript Essentials for Mastering React 3. JavaScript Essentials for Mastering React

  • (Locked)
    Download Node.js and what is Node.js?

    2m 23s
  • (Locked)
    Setting up our learning environment

    5m 42s
  • (Locked)
    What are functions in JavaScript?

    9m 42s
  • (Locked)
    Example of how functions work in JavaScript for complete beginners

    9m 18s
  • (Locked)
    What are function expressions in JavaScript?

    9m 28s
  • (Locked)
    JavaScript interview question trick with function expressions and utility fun

    16m 14s
  • (Locked)
    What is function hoisting in JavaScript?

    6m 37s
  • (Locked)
    How scope works in JavaScript

    15m 53s
  • (Locked)
    What are closures and an example with JavaScript explained?

    11m 49s
  • (Locked)
    Advanced closure module pattern with data privacy encapsulation

    15m 16s
  • (Locked)
    What are arrow functions and usefulness in React?

    17m 13s
  • (Locked)
    Destructuring with JavaScript

    23m 1s
• 4. React Code Along from Scratch: Step-by-Step Learning React 4. React Code Along from Scratch: Step-by-Step Learning React

  • (Locked)
    How to write components in React

    6m 44s
  • (Locked)
    How the component tree structure in React works and nested components

    4m 21s
  • (Locked)
    How props work in React

    5m
  • (Locked)
    Mapping through lists in React

    7m 37s
  • (Locked)
    What are React hooks and state in React?

    14m
• 5. Introduction to Next.js for Professional Development 5. Introduction to Next.js for Professional Development

  • (Locked)
    Migrating from React to Next.js

    15m 25s
• 6. Higher-Level Next.js Core Concepts 6. Higher-Level Next.js Core Concepts

  • (Locked)
    Development environment and build versus production build with Next.js

    8m 24s
  • (Locked)
    Introduction to the Next.js compiler

    3m 8s
  • (Locked)
    Demystifying what is meant by Next.js 'compiler'

    1m 19s
  • (Locked)
    What is minification in Next.js?

    4m 44s
  • (Locked)
    What is bundling in Next.js?

    3m 8s
  • (Locked)
    What is code splitting in Next.js?

    3m 44s
  • (Locked)
    Build-time versus run-time basics

    2m 44s
  • (Locked)
    What is the client and what is the server in web applications? The basics

    5m 46s
  • (Locked)
    What is rendering in Next.js?

    4m 5s
  • (Locked)
    What is pre-rendering in Next.js?

    2m 37s
  • (Locked)
    What is CSR, client-side rendering with Next.js?

    3m 29s
  • (Locked)
    How server-side rendering works as a deeper dive

    7m 3s
  • (Locked)
    What is SSG in Next.js?

    2m 48s
  • (Locked)
    What are CDNs and the edge in Next.js and Vercel?

    9m 58s
• 7. Build a Next.js App from Scratch Bootcamp Code-Along: Zero to Hero 7. Build a Next.js App from Scratch Bootcamp Code-Along: Zero to Hero

  • (Locked)
    Introduction and quick note about the upcoming final project

    2m 21s
  • (Locked)
    How to start a Next.js template locally

    6m 12s
  • (Locked)
    Next.js template file structure overview

    4m 30s
  • (Locked)
    How pages work in Next.js

    3m 16s
  • (Locked)
    Prefetching and codesplitting with Link and CSN – client-side navigation in Next.js

    9m 9s
• 8. Working with Metadata and Assets in Next.js 8. Working with Metadata and Assets in Next.js

  • (Locked)
    Download the CSS starter kit project from Next.js official

    7m 27s
  • (Locked)
    How images optimize with Next.js

    5m 31s
  • (Locked)
    Scripts and header data and props with Next.js

    6m 58s
  • (Locked)
    CSS modules and Next.js optimizations with layout

    7m 12s
  • (Locked)
    Global styling with Next.js

    4m 47s
  • (Locked)
    Customizing utility styles with Next.js

    9m 55s
  • (Locked)
    Metadata for SEO and social media with Next.js

    6m 43s
  • (Locked)
    Writing dynamic layout components with Next.js

    11m 31s
  • (Locked)
    How to use children and props in React and Next.js

    10m 54s
• 9. Pre-rendering and Data Fetching with Next.js 9. Pre-rendering and Data Fetching with Next.js

  • (Locked)
    Pre-rendering tests with Next.js

    6m 53s
  • (Locked)
    What is static generation versus server-side rendering with Next.js?

    4m 17s
  • (Locked)
    Static generation with data in Next.js

    4m 36s
  • (Locked)
    Concise basic algorithms for Next.js practice and data processing

    20m 57s
  • (Locked)
    Static generation and GetStaticProps with Next.js

    20m
  • (Locked)
    When to use GetStaticPropsServer with Next.js

    3m 5s
  • (Locked)
    SSR versus CSR and GetServerSideProps with Next.js

    7m 20s
• 10. Dynamic Routes with Next.js 10. Dynamic Routes with Next.js

  • (Locked)
    How to create dynamic routes with Next.js

    7m 15s
  • (Locked)
    getStaticPaths with Next.js implementation

    5m 14s
  • (Locked)
    Mastering dynamic static rendering with Next.js

    12m 3s
  • (Locked)
    Rendering markdown and security vulnerabilities with injected HTML

    11m 23s
  • (Locked)
    Polishing the dynamic post pages

    10m 43s
  • (Locked)
    Polishing a Next.js component with styling

    7m 22s
  • (Locked)
    Fetching data and database querying plus ISR with Next.js

    11m 26s
  • (Locked)
    API routes with Next.js

    9m 1s
• 11. How to Deploy a Next.js Application from Scratch 11. How to Deploy a Next.js Application from Scratch

  • (Locked)
    What is GitHub and how to get started with it?

    6m 28s
  • (Locked)
    Deploy your app to Vercel and commit changes with GitHub

    12m 11s
  • (Locked)
    Real-world multi-branch feature building on GitHub with React

    9m 18s
  • (Locked)
    Pull requests and merging code reviews with GitHub automatic Vercel deployment

    8m 55s