BuildWithMatija
Get In Touch
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
    • CMS Hub
    • E-commerce Hub
    • Dashboard

    Headless CMS

    • Payload CMS Developer
    • CMS Migration
    • 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 →
    © 2026BuildWithMatija•All rights reserved

    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
    Audience
    More
    Sort
    Type

    All Articles (14 of 14 articles)

    Step-by-step React guide to a pinned, production-ready GSAP ScrollTrigger timeline with pixel-perfect positioning and…
    How-ToReact
    Build a Scroll-Driven Timeline with GSAP ScrollTrigger

    Learn to build a production-ready scroll-driven timeline using GSAP ScrollTrigger and React—pin sections, sync multi-layer animations, ensure pixel-perfect…

    Matija Žiberna
    Matija Žiberna
    2 months ago
    17 min read
    Horizontal developer blog illustration showing chat based email sending through a custom MCP server with ChatGPT, Claude, email marketing, and server icons on a clean dark background.
    React
    Send Emails from MCP with React Email & Brevo — Guide

    Learn how to send emails from MCP using React Email and Brevo: render Markdown to HTML, build reusable templates, and deliver personalized transactional…

    Matija Žiberna
    Matija Žiberna
    4 months ago
    nextjs-vulnability
    React
    Next.js, React RCE, and the npm Breach: A Developer's Week of Realising How Fragile Our Tooling Really Is

    A developer's take on JavaScript supply chain security after the npm breach and React RCE — pragmatic steps (pnpm, frozen deps, CI checks) to reduce risk.

    Matija Žiberna
    Matija Žiberna
    4 months ago
    React
    Block Component Templates: Quick Reference & Checklists

    Block component templates with ready-to-use TypeScript + React snippets, example data, and checklists to speed block and collection development—grab, adapt…

    Matija Žiberna
    Matija Žiberna
    5 months ago
    7 min read
    React
    3 Proven Practices: Lucide React Icons & shadcn/ui

    Learn how Lucide React icons, shadcn/ui components, and a reusable CTA type prevent duplication, ensure consistent UI, and make global updates trivial for…

    Matija Žiberna
    Matija Žiberna
    5 months ago
    7 min read
    Master self-adjusting card hover effects with CSS transitions in React. No hardcoding, just smooth animations.
    React
    Create a Dynamic Card Hover Effect in React

    Learn how to create a self-adjusting card hover effect in React that adapts to any content length automatically.

    Matija Žiberna
    Matija Žiberna
    5 months ago
    Build a reusable signature capture flow with validation and persistence using React Hook Form and Zustand.
    React
    Capture Signatures in React with React Signature Canvas

    Learn how to implement a legal signature capture flow in React using react-signature-canvas, including validation and data persistence strategies.

    Matija Žiberna
    Matija Žiberna
    5 months ago
    mediarecorder api opus
    React
    How to Implement MediaRecorder API Audio Recording and Transcription with iPhone Safari Support

    Build a robust audio recording and transcription pipeline that works on iPhone Safari using MediaRecorder format detection, proper uploads, and Google Speech-to-Text.

    Matija Žiberna
    Matija Žiberna
    8 months ago
    react hook form and reac 19
    React
    The Invisible Form Bug: React 19 + React Hook Form's Hidden Compatibility Issue
    Matija Žiberna
    Matija Žiberna
    12 months ago
    form error
    React
    How To Debug React Hook Form Errors: Use Simple useEffect
    Matija Žiberna
    Matija Žiberna
    about 1 year ago
    old casette
    React
    How to Build a Long Audio Transcription Tool with OpenAI's Whisper API (Python)
    Matija Žiberna
    Matija Žiberna
    about 1 year ago
    demonstration of skincare routine builder build by this guide
    React
    React Hook Form Multi-Step Tutorial: Zustand + Zod + Shadcn
    Matija Žiberna
    Matija Žiberna
    about 1 year ago
    • Previous
    • 1
    • 2
    • Next
    Page 1 of 2

    Explore Topics

    Discover curated content across our most popular categories

    Next.js
    Next.js

    Learn everything about Next.js, the leading React framework for building production-ready web apps.

    How to Update Sanity Schema in Nextjs 15

    How to Update Sanity Schema in Nextjs 15

    by Matija Žiberna

    Integrating Sanity.io with Next.js 15: A Step-by-Step Guide

    Integrating Sanity.io with Next.js 15: A Step-by-Step Guide

    by Matija Žiberna

    View all Next.js articles →

    Newsletter

    Stay Updated

    Get practical notes and implementation updates without the noise.

    5 min read
    5 min read
    7 min read
    7 min read
    9 min read
    React
    React

    Articles and tutorials on building modern web interfaces using React — from components and hooks to performance optimization and architecture.

    React Hook Form Multi-Step Tutorial: Zustand + Zod + Shadcn

    React Hook Form Multi-Step Tutorial: Zustand + Zod + Shadcn

    by Matija Žiberna

    The Invisible Form Bug: React 19 + React Hook Form's Hidden Compatibility Issue

    The Invisible Form Bug: React 19 + React Hook Form's Hidden Compatibility Issue

    by Matija Žiberna

    View all React articles →
    Docker
    Docker

    Everything you need to know about using Docker to build, ship, and run applications in isolated environments.

    Docker Volume is in Use Error? 4 Proven Solutions

    Docker Volume is in Use Error? 4 Proven Solutions

    by Matija Žiberna

    Fix Docker Permission Denied: Volumes, Bind Mounts & CI/CD

    Fix Docker Permission Denied: Volumes, Bind Mounts & CI/CD

    by Matija Žiberna

    View all Docker articles →
    Cloudflare
    Cloudflare

    Guides and insights on using Cloudflare for performance optimization, DNS management, security, and edge computing.

    How To Programmatically Add DNS Records To Cloudflare In Node

    How To Programmatically Add DNS Records To Cloudflare In Node

    by Matija Žiberna

    View all Cloudflare articles →