BuildWithMatija
Get In Touch
Build with Matija logo

Build with Matija

Senior-led B2B websites, applications, content systems, and digital infrastructure. Business-first, full-stack, AI-assisted, no handoffs.

Services

  • B2B Website Development
  • CMS Architecture Review & Platform Blueprint
  • Next.js + Payload Advisory
  • AI Integration & Implementation

Resources

  • CMS Hub
  • B2B Website Strategy
  • E-commerce Hub
  • Blog
  • Case Studies

Payload CMS

  • Payload CMS Developer
  • Payload CMS Migration
  • Payload CMS Demos
  • All Payload CMS Resources

Discuss your project

Planning a rebuild, migration, application, workflow change, or platform decision? Start with the business problem and the system behind it.

Book a discovery callContact me →
© 2026Build with Matija•All rights reserved•Privacy Policy•Terms of Service
  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.

Home
Blog
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
5 months ago
CMS Selection & Migration Guide
0 Articles
6 months ago
Next.js 16 Deployment & Self-Hosting
0 Articles
6 months ago
Next.js 16 Caching & Data Fetching
0 Articles
6 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
8 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
8 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
8 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
8 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
9 months ago
A practical framework to choose Vercel Enterprise or self-hosted Next.js—covers scaling, distributed caching…

Next.js

Vercel Enterprise vs Self-Hosted Next.js: 8 Key Tradeoffs

Compare Vercel Enterprise vs self-hosted Next.js with a practical framework that shows when to offload platform ownership—covers scaling, caching, security…

14 days ago
Practical Azure web app architecture for production: Front Door, PostgreSQL, Blob Storage, Managed Identity and WAF.

Next.js

Azure Web App Architecture: Practical Production Guide

Practical Azure web app architecture that covers Front Door, PostgreSQL, Blob Storage, Managed Identity and observability for production apps and ops tips.

18 days ago
Compare Azure Container Apps, App Service, AKS, and Static Web Apps to pick the best production hosting model for…

Next.js

Next.js 16 on Azure: 4 Hosting Options for Production

Quickly choose how to host Next.js 16 on Azure: compare Container Apps, App Service, AKS, and Static Web Apps with production-ready scaling and caching tips.

19 days ago
Install posthog-js in Next.js App Router, consent-gate captures, mask session replay, and prevent build-time…

Next.js

PostHog Next.js Setup: GDPR-Compliant Analytics Guide

PostHog Next.js setup: install posthog-js, consent-gate analytics, mask session replay, and fix NEXT_PUBLIC_* build-time env pitfalls to enable GDPR-safe…

about 1 month ago
Implement a resilient Driver.js product tour in Next.js 16 — dynamic import, App Router, and Playwright testing.

Next.js

Production-Ready Driver.js Product Tour for Next.js 16

Build a production-ready Driver.js product tour in Next.js 16 that survives hydration, App Router navigation, reduced motion, and respects analytics consent.

about 1 month ago
Secure process-only secret injection with Infisical CLI for Next.js and Payload CMS, CI, Docker, and rotation steps.

Next.js

Infisical CLI Secrets Workflow: Complete Next.js Guide

Use Infisical CLI to inject secrets into Next.js and Payload CMS processes—no .env files. Secure CI/Docker builds, machine identities, and rotation steps.

about 1 month ago
Why .env files fail at scale and how to centralize secrets with Infisical, Vault, SOPS, and cloud-native managers

Next.js

Secrets Management: Stop .env Sprawl Across Environments

Stop secret sprawl: this guide to secrets management centralizes environment variables across Vercel, VPS, CI, and local dev—secure delivery and rotation.

about 1 month ago
Step-by-step CLI guide to auto-generate, convert, and patch hero images using OpenAI gpt-image-2, Sharp, and Next.js

Next.js

Generate Hero Images with gpt-image-2 — Next.js Pipeline

Automate hero image creation: learn how to generate hero images with gpt-image-2, convert WebP to JPEG with Sharp, and patch article frontmatter in a Next.js…

about 1 month 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…

about 2 months 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…

about 2 months 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…

about 2 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 Is Out: New Features, SEO Risks, and Upgrade Advice

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

about 2 months ago
React

React

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