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

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

All Articles (120 of 120 articles)

A practical framework to choose Vercel Enterprise or self-hosted Next.js—covers scaling, distributed caching…
Next.js·Featured

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…

Matija Žiberna
Matija Žiberna
14 days ago18 min
Read article→
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 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.

19 days 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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…

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

about 2 months 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 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 ago17 min
  • Previous
  • 1
  • 2
  • More pages
  • 10
  • Next
Page 1 of 10

Browse

Topics

PayloadPayload
126
Next.jsNext.js
120
ReactReact
15
DockerDocker
22
AI
27
CloudflareCloudflare
8

Newsletter

Stay Updated

Get practical notes and implementation updates without the noise.