The Empire UI blog

2026-09-20 · 9 min read

Language Switcher in React: Dropdown, Flag Icons, i18n Routing

Build a polished language switcher in React with flag icons, i18n routing, and next-intl. Dropdown variants, RTL support, and URL-based locale switching covered.

Read →

2026-09-17 · 8 min read

Error Page Design in React: 404, 500, Maintenance Mode

Build polished 404, 500, and maintenance-mode pages in React and Next.js - with real component code, design patterns, and UI tips that don't look like defaults.

Read →

2026-08-27 · 8 min read

Blog Layout in Tailwind: Article Page, Card Grid, Sidebar

Build a full blog layout in Tailwind - article page with typography, responsive card grid, and a sticky sidebar - with copy-paste Next.js code.

Read →

2026-08-24 · 8 min read

Next.js API Routes vs Route Handlers: When to Use Which in 2026

API Routes are dead in the App Router - but when should you actually switch to Route Handlers? A practical breakdown for Next.js developers in 2026.

Read →

2026-08-23 · 8 min read

Analytics in Next.js: Vercel Analytics, PostHog, Plausible Setup

Set up Vercel Analytics, PostHog, and Plausible in Next.js 14+ the right way - no bloat, no cookie banners where you don't need them, real data.

Read →

2026-08-22 · 9 min read

Stripe Integration in React + Next.js: Checkout, Webhooks, Subscriptions

Ship real payments in Next.js: Stripe Checkout, webhook verification, and subscription billing with the App Router - no fluff, just working code.

Read →

2026-08-21 · 9 min read

File-Based Routing in React: Next.js App Router vs TanStack Router

A practical breakdown of Next.js App Router and TanStack Router - how file-based routing works in each, where they differ, and which one fits your project.

Read →

2026-08-21 · 9 min read

Deploying Next.js in 2026: Vercel, Docker, VPS Compared

Vercel, Docker, or a bare VPS? In 2026, the right Next.js deployment choice depends on your traffic, budget, and how much ops pain you're willing to accept.

Read →

2026-08-19 · 8 min read

URL State in React: nuqs, useSearchParams and the Right Patterns

Stop losing filter state on reload. Learn how to sync React state to the URL with nuqs, useSearchParams, and patterns that actually hold up in production.

Read →

2026-08-17 · 9 min read

Next.js SEO in 2026: Metadata, sitemap.ts, JSON-LD and OG Images

A practical guide to wiring up Next.js SEO in 2026 - metadata API, sitemap.ts, JSON-LD structured data, and dynamic OG image generation with zero guesswork.

Read →

2026-08-17 · 9 min read

Progressive Web Apps with React and Next.js in 2026

Build installable, offline-ready PWAs with React and Next.js in 2026 - service workers, Web App Manifest, caching strategies, and push notifications covered end-to-end.

Read →

2026-08-16 · 9 min read

Authentication in Next.js 2026: NextAuth v5, Clerk, Better Auth

NextAuth v5, Clerk, and Better Auth are the three auth options worth your time in 2026. Here's how each one works in the App Router - and which to actually pick.

Read →

2026-08-16 · 9 min read

React Forms With Server Actions: Validation, Pending State, Optimistic UI

Build React forms with Next.js Server Actions, Zod validation, useFormStatus pending states, and optimistic UI updates - no API routes needed.

Read →

2026-08-15 · 8 min read

Next.js OG Image Generation: @vercel/og, Edge Runtime, Custom Fonts

Generate dynamic Open Graph images in Next.js 14+ using @vercel/og on the Edge Runtime - custom fonts, JSX templates, and zero cold starts explained.

Read →

2026-08-13 · 8 min read

Glassmorphism Blog Layout: Frosted Article Cards and Reading View

Build a frosted-glass blog layout in React and Next.js - article grid cards, single-post reading view, and the backdrop-filter tricks that make it feel real.

Read →

2026-07-28 · 8 min read

Vite + React vs Next.js in 2026: Which Scaffold to Choose

Vite + React or Next.js in 2026? We break down build speed, SSR trade-offs, and when each scaffold actually makes sense for real projects.

Read →

2026-07-16 · 8 min read

Next.js App Router vs Pages Router in 2026: Which Should You Use?

App Router or Pages Router? In 2026, the answer isn't obvious. Here's an honest, opinionated breakdown to help you pick the right Next.js architecture.

Read →

2026-07-15 · 8 min read

Next.js loading.tsx: Streaming, Suspense and Skeleton Loading States

Master Next.js 14+ loading.tsx, React Suspense, and skeleton UI patterns. Stream data, avoid layout shift, and build loading states users won't hate.

Read →

2026-07-14 · 8 min read

Next.js Caching in 2026: fetch, ISR, Dynamic and No-Store Explained

Next.js caching is confusing - fetch defaults, ISR revalidation, dynamic rendering, and no-store all interact. Here's exactly how each layer works in 2026.

Read →

2026-07-14 · 8 min read

Next.js Server Actions in 2026: Forms, Mutations and the Right Patterns

Server Actions matured fast. Here's how forms, mutations, and optimistic updates actually work in Next.js 15+ - with patterns that don't fall apart under real traffic.

Read →

2026-07-13 · 8 min read

Next.js Metadata API: The Right Way to Handle SEO in App Router

Stop hacking document.head - Next.js 13+ Metadata API handles Open Graph, Twitter Cards, and canonical URLs the right way. Here's the full breakdown.

Read →

2026-07-13 · 9 min read

Next.js Image Optimisation: next/image Deep Dive - Every Prop Explained

Every prop in next/image explained with real code - from lazy loading and LCP priority to blur placeholders, remote patterns, and responsive sizes.

Read →

2026-07-02 · 8 min read

Next.js App Router in 2026: What's Changed and What Still Trips People Up

Next.js App Router has matured significantly since 2023, but plenty of gotchas remain. Here's what's actually changed and where devs still get burned.

Read →

2026-06-30 · 8 min read

React Server Components Explained: What They Are and Why They Matter

React Server Components let you run React code on the server without shipping JS to the browser. Here's what that actually means for your Next.js app in 2026.

Read →

2026-06-25 · 8 min read

Web Font Loading in 2026: next/font, variable fonts and CLS

Everything you need to know about web font loading in 2026 - next/font, variable fonts, CLS fixes, and why your layout still shifts at 3am.

Read →

2026-06-24 · 8 min read

Next.js vs Remix in 2026: Which One Should You Use?

Next.js and Remix are both excellent React frameworks in 2026, but they make very different trade-offs. Here's how to actually pick between them.

Read →

2026-06-19 · 8 min read

Page Transitions in Next.js App Router: View Transitions API

How to add smooth page transitions in Next.js App Router using the View Transitions API - no libraries, just native browser APIs and a bit of wiring.

Read →