Insights on web development, software engineering, and modern tech practices
The BMAD Method brings structure to AI-powered software development, but its complexity can be a barrier. BMAD UI is an open-source interface that makes it easier to learn, execute, and monitor the entire workflow.
How a designer built a full B2B prototype with mocked data by leveraging VSCode and GitHub Copilot agent mode — no deep technical background required.
How the BMAD method excels at the first three phases of software development — analysis, planning, and solutioning — and how combining it with the Ralph loop for implementation, code review, and quality assurance creates a powerful end-to-end workflow.
Exploring the differences between vibe coding for simple projects and coding with AI for complex enterprise systems
How a laptop-free vacation led to discovering the power of mobile development with GitHub Copilot. From voice dictation to AI-assisted coding, learn how constraints sparked innovation in my development workflow.
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