20 posts tagged Next.js
Concrete gotchas from building the UI of a status-driven workflow tool on Next.js 16 and React 19: intercepting + parallel routes for modals, the React Hook Form + Zod typing trap with default values, gating a stepper by status and role, and pinning a gantt with the one legitimate inline-style exception.
My hobby recipe app got paused after 90 days of inactivity and could no longer be restored from the dashboard. Here is how I rescued the data from a backup and rebuilt the stack on platforms that do not freeze - swapping Supabase for Neon + Drizzle, Auth.js, and Vercel Blob.
Why I built the entire UI of an internal workflow tool before standing up Postgres, and how the mock layer worked: an in-memory store, MSW interception, Zod as the single source of truth, and a cookie-based mock session to exercise every role.
Walking through the cloud, database, framework, and surrounding choices for a small internal tool on GCP. Why Cloud Run instead of GKE, why Postgres instead of NoSQL, why skip Redis, and the rest of the decisions worth thinking through before writing code.
Upgrading Swiper from v8 to v11 seems harmless until your carousels start thrashing the page. A deep dive into why loop mode broke, what loopAddBlankSlides actually does (nothing useful), and how to fix it with a wrapper component.
Migrating MSW from v1 to v2 sounds straightforward until your test suite explodes. A walkthrough of the polyfills, fetch replacements, and config changes needed to make Jest work with MSW v2.
What broke when upgrading Node.js from 20 to 24 in a production Next.js app running in Docker, and how I fixed each issue: npm@11 breaking changes, ignore-scripts, git auth in multi-stage builds.
Embedded @font-face works in browsers but breaks in design tools. Here is how I used opentype.js to convert text to paths, making SVG exports compatible with Figma and Adobe Illustrator.
Deep dive into how Turbopack changed static export output in Next.js 16, why it impacts S3 upload times, and the simple fix that reduced upload time from 1m52s to 3s.
A deep dive into migrating from Pages Router to App Router, replacing next-mdx-remote with gray-matter and react-markdown. Includes analysis of markdown parsing libraries under the hood.
A comprehensive look at the challenges faced when upgrading multiple Next.js apps to version 16 with React 19 - from Recoil incompatibility to MDX issues and MUI updates.
Reflections on building a custom chart generator: why I chose SheetJS despite its vulnerabilities, how Storybook changed my development workflow, and the architectural patterns that emerged from managing component complexity.
What I learned about using npm ci --ignore-scripts in production, including which libraries need special handling and which ones work fine without postinstall scripts.
How I fixed painfully slow Docker builds by implementing Next.js build caching that works with GitHub Actions.
My personal checklist that gets me from create-next-app to a fully configured development environment.
Reducing p99 latency and infrastructure costs by migrating a recipe application from SSR to ISG with on-demand revalidation
Lessons learnt by managing Next.js apps on EKS, covering health checks, scaling, caching, and logging.
Set up a dark/light theme toggle in a NextJS app with Emotion that respects user preferences
Configuring Emotion with Next.js for SSR, ensuring global CSS like background or font colors render server-side to avoid unstyled pages.
Setups to deploy a Next.js app with Static Site Generation (SSG) to AWS S3 using GitHub Actions.
