BuildWithMatija
Get In Touch
Build with Matija Logo

Build with Matija

Moderne Websites, Content-Systeme und KI-Workflows für langfristiges Wachstum.

Leistungen

  • Headless-CMS-Websites
  • Next.js- & Headless-CMS-Beratung
  • KI-Systeme & Automatisierung
  • Website- & Content-Audit

Ressourcen

  • Case Studies
  • Wie ich arbeite
  • Blog
  • Themen
  • CMS-Hub
  • E-Commerce-Hub
  • B2B-Website-Strategie
  • Dashboard

Headless CMS

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

Kontakt

Bereit, deinen Stack zu modernisieren? Lass uns über dein Vorhaben sprechen.

Discovery Call buchenKontakt aufnehmen →
© 2026Build with Matija•Alle Rechte vorbehalten•Datenschutzerklärung•Nutzungsbedingungen
  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
4 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
Technical companion: Next.js + Fumadocs sync pipeline, canonical Markdown→MDX, grounded chat without a vector DB, and…

Next.js

Private Interactive Proposal Portal: How I Built It

A technical companion showing how to build a private interactive proposal portal using Next.js, Fumadocs, a canonical Markdown→MDX sync, grounded chat (no…

12 days ago
Turn proposals into interactive blueprints—searchable, audience-filtered, annotated docs with optional ChatGPT access.

Next.js

Stop Sending PDFs — Ship an Interactive Proposal Blueprint

Ditch PDFs. Ship an interactive proposal blueprint—searchable, audience-filtered, and askable—to cut review friction, speed decisions, and keep a single…

13 days ago
Step-by-step Next.js 15 App Router tutorial to add a floating n8n chatbot widget with shadcn/ui and webhook integration.

Next.js

n8n Chatbot Widget: Ultimate Floating Next.js Guide

Build a lightweight, accessible n8n chatbot widget for Next.js 15 with persistent sessions, Markdown bot replies, message queuing, and an SSR-safe client…

20 days 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…

23 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 2 months 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 2 months 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.

2 months ago
React

React

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