Topic mix
Next.js
31 moments from 16 videos · 1:35:29 total
This compiled video guide delivers targeted technical insights on routing patterns, performance optimization, and server component integration in Next.js projects.
Play section Scaffolding pages and routing single-page applications with Next.js
Scaffolding pages and routing single-page applications with Next.js
How Next.js manages view state and accelerates performance through single-page application and prefetching.
Scaffolding pages and routing single-page applications with Next.js
How Next.js manages view state and accelerates performance through single-page application and prefetching.
Play section Introduction to the GraphQL, Apollo, and Next.js stack
Introduction to the GraphQL, Apollo, and Next.js stack
An overview of combining GraphQL, Next.js, and Apollo to build modern web applications.
Introduction to the GraphQL, Apollo, and Next.js stack
An overview of combining GraphQL, Next.js, and Apollo to build modern web applications.
Play section Fetching data using static and server-side Next.js props
Fetching data using static and server-side Next.js props
Implementing performant data loading utilizing static site generation, incremental static regeneration, and server-side rendering.
Fetching data using static and server-side Next.js props
Implementing performant data loading utilizing static site generation, incremental static regeneration, and server-side rendering.
Play section Building dynamic router paths inside a Next.js application
Building dynamic router paths inside a Next.js application
How to use file-based dynamic routes and extract query parameters using the Next.js router hook.
Building dynamic router paths inside a Next.js application
How to use file-based dynamic routes and extract query parameters using the Next.js router hook.
Play section Configuring automatic TypeScript support for Next.js applications
Configuring automatic TypeScript support for Next.js applications
How Next.js automatically detects and configures TypeScript compilation while providing precise property types for server loading.
Configuring automatic TypeScript support for Next.js applications
How Next.js automatically detects and configures TypeScript compilation while providing precise property types for server loading.
Play section Selecting Next.js for hybrid static and server rendering
Selecting Next.js for hybrid static and server rendering
Adopting a batteries-included framework to dynamically construct HTML layouts instead of manually duplicating static files.
Selecting Next.js for hybrid static and server rendering
Adopting a batteries-included framework to dynamically construct HTML layouts instead of manually duplicating static files.
Play section File-based routing and pre-rendering architecture in Next.js
File-based routing and pre-rendering architecture in Next.js
How built-in automated pre-rendering serves immediate HTML to search bots while preserving interactive client-side hydration.
File-based routing and pre-rendering architecture in Next.js
How built-in automated pre-rendering serves immediate HTML to search bots while preserving interactive client-side hydration.
Play section Connecting a backend API to the Next.js frontend
Connecting a backend API to the Next.js frontend
Serving an integration catalog from a dedicated API to supply the static generator with structured information.
Connecting a backend API to the Next.js frontend
Serving an integration catalog from a dedicated API to supply the static generator with structured information.
Play section Leveraging the Next.js framework for performance improvements
Leveraging the Next.js framework for performance improvements
Next.js provides built-in server-side rendering and static site generation to effectively overcome standard single-page application bottlenecks.
Leveraging the Next.js framework for performance improvements
Next.js provides built-in server-side rendering and static site generation to effectively overcome standard single-page application bottlenecks.
Play section Optimizing images for stable layouts and visual performance
Optimizing images for stable layouts and visual performance
Replacing standard HTML image tags with the Next.js image component automatically enables responsive resizing and modern formats like WebP.
Optimizing images for stable layouts and visual performance
Replacing standard HTML image tags with the Next.js image component automatically enables responsive resizing and modern formats like WebP.
Play section Building a personal app and discovering poor performance
Building a personal app and discovering poor performance
Constructing a simple application reveals unexpected front-end performance bottlenecks measured by a low Lighthouse baseline score.
Building a personal app and discovering poor performance
Constructing a simple application reveals unexpected front-end performance bottlenecks measured by a low Lighthouse baseline score.
Loading the rest of your playlist…
Your mix. Instantly.
More mixes
AI & Machine Learning
AI coding agents
AI & Machine Learning
MCP (Model Context Protocol)
AI & Machine Learning
RAG
Languages & Frameworks
TypeScript
Languages & Frameworks
React
Languages & Frameworks
Java
Cloud, Platform & Data
Platform engineering
Cloud, Platform & Data
Observability
Cloud, Platform & Data
Infrastructure as code
Architecture, Quality & Security
System architecture
Architecture, Quality & Security
Code review
Architecture, Quality & Security
Software supply chain security
Leadership, Career & Community
Engineering strategy
Leadership, Career & Community
Developer experience
Leadership, Career & Community