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

Audience

Sort

Type

All Articles (106 of 106 articles)

Automate adding data-gtm-id across a Next.js app using jscodeshift; handle asChild, export CSV for GA4 reporting

Developer toolsHow-To

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.

Matija Žiberna

Implement field-level validation, server error hydration, typed Server Actions, and accessible shadcn/ui fields for…

Developer toolsHow-To

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.

Matija Žiberna

Compare Astro and Next.js for React developers: static-first architecture, islands hydration, SSR trade-offs, and a…

Content Management SystemComparison

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…

Matija Žiberna

Step-by-step pattern using InferTypeOf and a shared-types package to export Medusa model types for a Next.js storefront

EcommerceHow-To

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…

Matija Žiberna

How Payload CMS works with Next.js 16 cache components, 'use cache'/'use cache: remote' patterns, admin caveats, and…

Content Management SystemHow-To

Next.js Cache Components: Payload CMS Support Explained

Learn whether Next.js Cache Components work with Payload CMS, what changed in PR #16020, the real admin limitations, and safe frontend caching patterns to…

Matija Žiberna

Step-by-step setup using @medusajs/js-sdk, Server Components and Payload CMS—configure env vars, region_id, image…

EcommerceHow-To

Complete Medusa + Next.js Integration Guide (Payload CMS)

Connect Medusa to your Next.js storefront with Payload CMS—install @medusajs/js-sdk, set NEXT_PUBLIC keys, pass region_id for accurate pricing, allow Medusa…

Matija Žiberna

Portfolio, services pages, case study, contact flow, and CMS checklist to boost contractor inquiries.

Short ExplainerNext.js

Construction Company Website: 6 Essentials to Convert Leads

Six essentials every construction website needs to convert visitors into leads: filterable portfolio, focused services, quick contact flow, case study, and CMS.

Matija Žiberna

Three-layer i18n architecture for Next.js App Router: routing, Payload CMS content, and hreflang with next-intl.

How-ToNext.js

Next.js Internationalization: Complete Architecture Guide

Understand Next.js internationalization architecture: a three-layer blueprint for App Router using next-intl and Payload CMS to fix routing, content, and…

Matija Žiberna

How to separate transactional, notification, and marketing email flows in Next.js using React Email and the right…

How-ToNext.js

Next.js Email Architecture: Transactional & Newsletters

Practical Next.js Email Architecture to separate transactional, notification, and newsletter flows, improve deliverability, and choose the right provider today.

Matija Žiberna

Senior developer guide comparing TanStack Start and Next.js 16 on routing, SSR, type safety, performance

ComparisonNext.js

TanStack Start vs Next.js 16: Ultimate Comparison 2026

Senior-level comparison of TanStack Start vs Next.js 16 — decide which framework is better for SSR, routing, type safety, performance, and production readiness.

Matija Žiberna

A five-axis framework to pick the best headless CMS for Next.js—App Router, AI readiness, hosting model, and TCO.

Content Management SystemComparison

Best Headless CMS for Next.js in 2026: Decision Guide

Find the best headless CMS for Next.js using a five‑axis framework—ownership, editor UX, App Router, AI readiness, and upgrade stability. Save migration time.

Matija Žiberna

Mid-market contractor guide: CMS choices, portfolio freshness, mobile performance, and SEO-focused sector pages.

Short ExplainerNext.js

Best Construction Company Websites 2026: What Works

Discover how a construction company website turns projects into leads: CMS setup, portfolio structure, mobile speed, sector pages, and visible contact paths.

Matija Žiberna