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

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
BuildWithMatija
Get In Touch

All Articles (115 of 115 articles)

Technical companion: Next.js + Fumadocs sync pipeline, canonical Markdown→MDX, grounded chat without a vector DB, and…
Next.js·Featured

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…

Matija Žiberna
Matija Žiberna
12 days ago8 min
Read article→
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 ago7 min
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 ago18 min
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 ago17 min
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 2 months 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 2 months 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.

2 months ago17 min
  • Previous
  • 1
  • 2
  • More pages
  • 10
  • Next
Page 1 of 10

Browse

Topics

PayloadPayload
109
Next.jsNext.js
115
ReactReact
14
DockerDocker
21
AI
20
CloudflareCloudflare
7

Newsletter

Stay Updated

Get practical notes and implementation updates without the noise.