Insights on web development, software engineering, and modern tech practices
Learn how to design a modular and flexible Contentful content model that supports complex websites while keeping content types minimal and scalable.
Learn how to create comprehensive Azure monitoring dashboards using Infrastructure as Code with Terraform, enhanced by the Model Context Protocol (MCP) for real-time Azure provider documentation access.
Navigating architectural decisions in monorepos with multiple workspaces: when to colocate UI components in your web app versus separating them into dedicated UI libraries.
Learn how to create robust TypeScript interfaces for different data sources in your frontend application, ensuring type safety across CMS, Commerce, PIM, and Search systems.
Learn how AI agents can automatically detect, analyze, and fix errors using Datadog and SonarQube MCP servers, revolutionizing development workflows
Personal thoughts on effective frontend state management strategies - prioritizing URL state, cookies, and minimizing React state
Essential guidelines and project structure insights for AI assistants working with my codebase. Learn about my coding preferences, architecture patterns, and development workflow to provide better assistance.
Discover the principles of content modeling in Contentful through practical examples, from basic content types to complex relationships and modular design patterns.
Complete guide and cheatsheet for setting up Model Context Protocol (MCP) servers in VS Code with detailed configuration examples
A clean architecture pattern for separating API/SDK logic from UI components using TypeScript interfaces and adapters
Streamlining website migration using AI-powered tools and MCP servers for UI design, content modeling, and content migration
A function can be defined with the keyword "function" (function declaration or regular functions) or as a variable (function expression or arrow functions)
Understanding object destructuring in JavaScript and React
Best practices and strategies for quality assurance automation
Building your own library of components it's something that many engineers and companies have thought about at some point in time. In our team, we have gone through that process and the aim of this document is to share our experience.
This project structure could be shared across disciplines to facilitate the communication in the team.
Exploring alternatives to styled-components and CSS-in-JS solutions
Strategy to write automated tests
Understanding the differences between interfaces and type aliases in TypeScript
Details for a git workflow: Branching, commiting, Pull Requests and Versioning
Defining a React component
Must have dev tools
Benefits investing some time to identify the best folder structure which works for you
Which type of array notation shall we use in TypeScript?
Building a blog with Next.js, Tailwind CSS and Contentful as headless CMS
Comparison between rendering on the client, server and static-site generation
Must have dev tools