BuildWithMatija
Get In Touch

Technical Blog

Long-form technical guides for developers and evaluators.

How-to guides, tutorials, comparisons, and troubleshooting posts covering Payload CMS, Next.js, Docker, and related systems.

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

Browse by area

Open hub
Open hub
Open hub
Audience
More
Sort
Type
RSS Feed

All Articles (123 of 123 articles)

Keep layout, navbar and footer cached with cacheComponents while handling cookies, headers, Draft Mode, and metadata…
Next.js·Featured

Next.js Cache Components: Static Shell Pattern Guide

Use Next.js Cache Components to keep your layout, navbar, and footer static while resolving cookies, headers, Draft Mode, and metadata correctly.

Matija Žiberna
Matija Žiberna
14 days ago12 min
Read article→
Multi-collection cache tagging, typed cache policies, and CDN-safe tactics to prevent stale data in Next.js

Next.js

Next.js Cache Tag Invalidation: Stop Ghost Data Fast

Next.js cache tag invalidation fix: build a dependency matrix, enforce multi-collection cache tags with a typed policy, and avoid CDN header truncation.

15 days ago10 min
Prevent draft-mode cache leaks in Next.js using RoutedDataContext (discriminated union) for safe, type‑enforced caching.

Next.js

Prevent Draft-Mode Cache Poisoning in Next.js — Type-Safe

Prevent draft mode cache poisoning in Next.js with a RoutedDataContext discriminated union—move checks to TypeScript so cache leaks become compiler errors.

16 days ago10 min
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…

about 1 month ago18 min
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.

about 1 month ago17 min
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.

about 1 month ago15 min
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 2 months ago14 min
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 2 months ago27 min
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 2 months ago14 min
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 2 months ago18 min
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 2 months ago12 min
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…

2 months ago8 min
  • Previous
  • 1
  • 2
  • More pages
  • 11
  • Next
Page 1 of 11

Browse

Topics

PayloadPayload
131
Next.jsNext.js
123
ReactReact
15
DockerDocker
22
AI
27
CloudflareCloudflare
8

Newsletter

Stay Updated

Get practical notes and implementation updates without the noise.