BuildWithMatija

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.

RSS Feed

Browse by area

Open hub
Open hub
Open hub
Audience
More
Sort
Type
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
BuildWithMatija
Get In Touch

All Articles (112 of 112 articles)

Deep analysis of Cache Components, Partial Prefetching, Turbopack memory fixes, and AI agent tooling to guide upgrade…
Next.js·Featured

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…

Matija Žiberna
Matija Žiberna
14 days ago17 min
Read article→
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 ago9 min
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 ago10 min
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 ago12 min
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 ago29 min
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 ago5 min
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 ago28 min
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 ago9 min
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 ago17 min
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 ago11 min
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 ago13 min
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 ago10 min
  • Previous
  • 1
  • 2
  • More pages
  • 10
  • Next
Page 1 of 10

Browse

Topics

PayloadPayload
106
Next.jsNext.js
112
ReactReact
14
DockerDocker
21
AI
20
CloudflareCloudflare
7

Newsletter

Stay Updated

Get practical notes and implementation updates without the noise.