BuildWithMatija
Get In Touch
Build with Matija logo

Build with Matija

Modern websites, content systems, and AI workflows built for long-term growth.

Services

  • Headless CMS Websites
  • Next.js & Headless CMS Advisory
  • AI Systems & Automation
  • Website & Content Audit

Resources

  • Case Studies
  • How I Work
  • Blog
  • Topics
  • CMS Hub
  • E-commerce Hub
  • B2B Website Strategy
  • Dashboard

Headless CMS

  • Payload CMS Developer
  • CMS Migration
  • Multi-Tenant CMS
  • Payload vs Sanity
  • Payload vs WordPress
  • Payload vs Contentful

Get in Touch

Ready to modernize your stack? Let's talk about what you're building.

Book a discovery callContact me →
© 2026Build with Matija•All rights reserved•Privacy Policy•Terms of Service
  1. Home
  3. Blog
  5. Next.js
Next.js

Next.js

Hub Category

Learn everything about Next.js, the leading React framework for building production-ready web apps.

Featured Articles

How to Update Sanity Schema in Nextjs 15

A practical guide to updating your Sanity schema in modern Next.js 15 apps — simplified and developer-friendly.

Matija Žiberna
Matija Žiberna
•15th May 2025
Integrating Sanity.io with Next.js 15: A Step-by-Step Guide

Create a Powerful, Easy-to-Manage Blog with Sanity and Next.js

Matija Žiberna
Matija Žiberna
•28th February 2025

Series in this Category

All Articles in this Hub

  • Previous
  • 1
  • 2
  • More pages
  • 10
  • Next
Page 1 of 10

Related Categories

Newsletter

Stay Updated

Get practical notes and implementation updates without the noise.

How to Update Sanity Schema in Nextjs 15
Read more
Integrating Sanity.io with Next.js 15: A Step-by-Step Guide
Read more
Building UI & Forms in Next.js

Build production UI and forms in Next.js: data tables with TanStack, React Hook Form, Zod validation, Server Actions, multi-step wizards, and UI component patterns with shadcn/ui.

0 Articles
3 months ago
CMS Selection & Migration Guide
0 Articles
5 months ago
Next.js 16 Deployment & Self-Hosting
0 Articles
5 months ago
Next.js 16 Caching & Data Fetching
0 Articles
5 months ago
Email & Transactional Communications: Complete Guide
Series
Email & Transactional Communications: Complete Guide

Build production email infrastructure: React Email templates, transactional emails with Brevo, CMS email notifications in Payload and Sanity, and newsletter marketing integration.

0 Articles
7 months ago
Internationalization & Multilingual Sites with Next.js

Build multilingual Next.js applications with next-intl: setup, routing, SEO optimization with canonical tags and hreflang, and CMS admin interface localization for production-ready international sites.

0 Articles
7 months ago
AEO — Make Your Blog Discoverable by AI
Series
AEO — Make Your Blog Discoverable by AI

Make your blog discoverable by AI: implement llms.txt protocol, Markdown mirrors, and structured metadata so LLM crawlers find your technical content efficiently.

0 Articles
7 months ago
Building MCP Servers with Next.js
Series
Building MCP Servers with Next.js

A comprehensive 4-part series on building production-ready MCP (Model Context Protocol) servers in Next.js. From initial setup through OAuth security and email automation - everything you need to connect Claude to your business data.

0 Articles
7 months ago
Design to Code: Building Block Systems with Payload CMS
Series
Design to Code: Building Block Systems with Payload CMS

A comprehensive 7-part guide to translating design systems into production-ready Payload CMS implementations using design-driven development principles.

0 Articles
8 months ago
Deep analysis of Cache Components, Partial Prefetching, Turbopack memory fixes, and AI agent tooling to guide upgrade…

Next.js

Next.js 16.3 Preview: Instant Navigations, Turbopack Wins

Explore Next.js 16.3 preview: Instant Navigations, Partial Prefetching, Turbopack memory reductions, and AI tooling—practical guidance to test this release…

14 days ago
Real-world guide to horizontal scaling, caching, Docker Compose, Traefik, and Postgres for self-hosted Next.js on VPS.

Next.js

Next.js Scaling in Production: Proven VPS Strategies

Learn how Next.js scales in production on VPSes with caching, horizontal scaling, Docker Compose, Traefik, and Postgres to handle real traffic and tips.

about 1 month ago
Build native CSS scroll pinning with position:sticky, a single React ref, and a lightweight progress bar - no GSAP.

Next.js

Ultimate Guide: CSS Scroll Pinning with React Progress

Learn CSS scroll pinning with position:sticky and one React ref to build a smooth pinned card and live progress bar in Next.js - no GSAP, zero extra bytes for…

about 1 month ago
Practical overview of Next.js 16.3 canary—Cache Components, App Shell prefetching, cached navigation, Turbopack and…

Next.js

Next.js 16.3: Canary Notes on Cache Components & Turbopack

Practical summary of Next.js 16.3 canary: what Cache Components, App Shells, cached navigation and Turbopack changes mean for upgrades, testing, and migration…

about 1 month ago
Production-ready Next.js pattern with TanStack Form and Zod — autosave drafts, conditional steps, and per-step…

Next.js

Build a Multi-Step TanStack Form Wizard in Next.js

Build a production-ready TanStack Form wizard in Next.js with one form instance, per-step Zod validation, autosave drafts, conditional steps, and a single…

about 2 months ago
Perishable-first ordering for farm pickup: availability-by-date, subdomain stores, and self-service onboarding for…

Next.js

Online Ordering for Farms: Farmica Launches Platform

Farmica brings online ordering for farms with pickup-first availability, subdomain stores, and a self-service onboarding wizard — demo live and free…

about 2 months ago
Step-by-step VPS deployment using Docker Compose, GitHub Actions self-hosted runner, staging→production, TLS, backups…

Next.js

Self-Host Next.js and Payload on VPS: Complete Guide

Learn how to self-host a Next.js + Payload app on your own VPS with Docker Compose and GitHub CI/CD, plus staging, TLS, migrations and rollback guidance

about 2 months ago
How to strip Origin headers, merge cookies, and implement buildAuthHeaders for reliable Payload CMS auth in Next.js…

Next.js

Payload CMS Auth in Next.js App Router — Fix CSRF Now

Fix Payload CMS auth issues in Next.js App Router: learn to strip the Origin header, merge cookies with buildAuthHeaders, and route auth through server…

about 2 months ago
Automate adding data-gtm-id across a Next.js app using jscodeshift; handle asChild, export CSV for GA4 reporting

Next.js

data-gtm-id Codemod: 4-Command GTM Tracking Workflow

Automate stable click tracking with a data-gtm-id codemod: audit your Next.js UI, add attributes with jscodeshift, fix unknowns, and export CSV for GA4.

about 2 months ago
Implement field-level validation, server error hydration, typed Server Actions, and accessible shadcn/ui fields for…

Next.js

Next.js Forms: Ultimate TanStack + Zod Pattern (shadcn/ui)

Master Next.js forms with TanStack Form, Zod, and shadcn/ui for field-level validation, server-error hydration, and typed Server Actions. Follow this pattern.

about 2 months ago
Compare Astro and Next.js for React developers: static-first architecture, islands hydration, SSR trade-offs, and a…

Next.js

Astro vs Next.js: When React Developers Should Use Astro

Astro vs Next.js: A practical comparison for React developers — learn when Astro's static-first islands model outperforms Next.js' app-oriented SSR and follow…

about 2 months ago
Step-by-step pattern using InferTypeOf and a shared-types package to export Medusa model types for a Next.js storefront

Next.js

Ultimate Guide to Sharing Medusa Types in a Monorepo

Share Medusa types across a pnpm monorepo: use InferTypeOf to export stable model aliases from packages/shared-types so your Next.js storefront consumes safe…

2 months ago
React

React

Articles and tutorials on building modern web interfaces using React — from components and hooks to performance optimization and architecture.