Next.js
30 moments from 16 videos · 1:31:02 total
This compiled video guide delivers targeted technical insights on routing patterns, performance optimization, and server component integration in Next.js projects.
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.
Introduction to the GraphQL, Apollo, and Next.js stack
An overview of combining GraphQL, Next.js, and Apollo to build modern web applications.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Full stack architecture for server-sent events using Next.js
Native browser APIs and backend frameworks enable seamless data streaming while integrating authentication and rate limiting.
Implementing streaming endpoints for OpenAI and Gemini models
Configuring proxy headers and utilizing provider SDKs ensures reliable chunk-by-chunk delivery to the client.
The rise of meta-frameworks like Next.js
Missing application-level standards in React led to the creation of meta-frameworks that combine routing and rendering cohesively.
Architecting a multimodal storefront interface using Next.js
Wiring frontend UI components to remote API routes securely hands text and image queries off to backend machine learning tools.
Generating dynamic product detail pages in Next.js
Implementing getStaticPaths maps database configurations to URL parameters across dynamically nested routing files to resolve single product views.
Core technologies for a tiny e-commerce stack
Combining Prisma, Next.js, and Stripe creates an easy-to-maintain headless webshop architecture.
Initializing a Prisma development environment in Next.js
Adding Prisma as a dependency establishes the foundation for managing a local SQLite database directly within the project.
Setting up a Next.js application with the app router
Bootstrapping a new project format and understanding directory architecture changes in a stable release.
Summary of modern Next.js web development toolchains
Final recaps emphasizing the progressive workflow enhancements provided by newer meta-framework architectures.
Benefits of using Next.js and Tailwind CSS frameworks
Why meta-frameworks improve development speed and how tailored styling systems simplify component creation.
Exploring the legacy Next.js file-based pages router
A review of file-based routing and application structure paradigms in older Next.js versions.
Live coding a Next.js application with tRPC
Configuring a shared app router allows backend method changes to instantly surface as frontend build errors.
Introducing the Next.js security module port
Expanding default HTTP protection rules to the React ecosystem requires adapting middleware patterns for data fetching.
Modernizing legacy client-rendered components with server-side frameworks
Migrating heavy client-side React domains to server-side frameworks like Next.js and Qwik substantially improves initial page loading speed.
Selecting opinionated frameworks for hybrid frontend generation tasks
Adopting feature-complete libraries like Next.js simplifies hybrid server and static rendering over custom webpack setups.
Analyzing the deprecation of the Create React App tool
The shift away from simple React templates pushes beginners toward more complex meta-frameworks like Next.js.
Architecture and tech stack for the course platform
An overview of the tools used to build the application, including Next.js, Stripe, Supabase, and GraphCMS.
Integrating passwordless authentication with magic links and SMS
Implementing one-time codes and magic links via the Auth0 Next.js SDK establishes secure passwordless environments.
Introduction to single sign-on with Ethereum
An overview of utilizing Ethereum wallets to authenticate users within Next.js applications.
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