How to Build Micro-Frontends with Module Federation in Next.js
Implement a micro-frontend architecture using Webpack Module Federation with Next.js, enabling independent team deployments and shared components.
Articles and guides about tutorials.
Implement a micro-frontend architecture using Webpack Module Federation with Next.js, enabling independent team deployments and shared components.
Integrate interactive maps and geolocation into your Next.js app using Mapbox GL JS and Leaflet with custom markers, geocoding, and route display.
Learn to manage global state in React with Zustand β typed stores, slices, middleware, persistence, and devtools integration.
Build a fully accessible data table in React with ARIA attributes, keyboard navigation, sorting, pagination, and screen reader support.
Build a workflow automation system in Next.js with configurable steps, conditional branching, approval flows, and status tracking.
Build a Gantt chart component in React for project timelines with task bars, dependencies, drag-to-resize, and zoom controls.
Integrate a headless CMS with Next.js using Sanity and Contentful as examples, with ISR, preview mode, and type-safe content.
Build an image editor in React with crop, rotate, flip, brightness, contrast, and zoom using the Canvas API.
Implement multi-layer caching in Next.js with fetch cache, Data Cache, Full Route Cache, ISR, and Redis for optimal performance.
Build a fully accessible calendar and date range picker component in React with keyboard navigation, locale support, and validation.
Build an optimized Docker image for your Next.js app with multi-stage builds, standalone output, and Docker Compose for local development.
Create a drag-and-drop form builder in React that lets users assemble custom forms with various field types and validation rules.