Tool calling is broken without MCP Server Composition
Most agents fail not at reasoning, but at picking and using the right tools. This post explains how Model Context Protocol (MCP) server composition fixes that with four practical patterns.
Web development blog posts by Roy Derks
Hackteam - Training and consulting for tech companies by Roy Derks
Latest posts
Stop Converting OpenAPI Specs Into MCP Servers
Converting your existing OpenAPI specification into an MCP Server
An LLM does not need to understand MCP
Model Context Protocol (MCP) has became the standard for tool calling when building agents, but contrary to popular belief your LLM does not need to understand MCP.
Build & Test a Model Context Protocol (MCP) Server with TypeScript and MCP Inspector
In this tutorial, we’ll show you how to build and test a Model Context Protocol (MCP) server using TypeScript, with the help of LLMs and the MCP Inspector.
Build Your First MCP Server with TypeScript
Learn how to set up your first MCP server with TypeScript. This step-by-step guide walks you through the basics of the Model Context Protocol and how to connect AI agents to your tools and data.
Build AI Applications With LangChain, JavaScript, and React
Coding tutorial showing how to use LangChainJS to build AI applications with JavaScript and React. We code a ChatGPT clone from scratch with Vite and OpenAI models.
Building a Project Management Board with React, TypeScript and Tailwind CSS
In this detailed live coding session, we walk through building a Trello-style project management board from scratch using React, TypeScript, and Tailwind CSS. The end result is an interactive drag and drop board for organizing tasks into different workflow stages.'
Do I Need GraphQL Now that We Have React Server Components?
GraphQL and React Server Components have been hot topics in the React community, especially in recent months. With the release of Next.js for the theme, the debate around the need for GraphQL has resurfaced. Developers can now query databases directly from their React components, which raises the question: do we still need GraphQL?
Vite is the better Create React App alternative
The React documentation has undergone a major update. As part of this update, there's no more mention of Create React App. Instead, you should use a framework like Next.js or Remix. But what if you don't want to use a framework? What if you want to use React with a simple build tool? In this article, I will explain why Vite is the better Create React App alternative.'
GraphQL IDEs: GraphiQL vs Altair
The simplest way to set up a React TypeScript project from scratch is by using Next.js. In this blog post we will explore how to use Next.js for your next project and how you have to write zero configuration to use it with TypeScript.
React Router 6 Basics
React Router is still the most popular routing library for React. In this blog post, we will explore the basics of React Router 6, including how to bootstrap React Router 6, create layouts and pass arguments to routes.
Learn React in 5 minutes
The simplest way to set up a React TypeScript project from scratch is by using Next.js. In this blog post we will explore how to use Next.js for your next project and how you have to write zero configuration to use it with TypeScript.
Bootstrap Is The Easiest Way To Style React Apps in 2023
Let's learn how to use Bootstrap 5 to style a React application. With Bootstrap you don't have to write any stying rules yourself. Instead you can use classnames to apply styles to HTML elements.
Create a React Project From Scratch Without any Framework
This blog post will show you how to create a new single-page React application from scratch with Webpack and Babel, giving you a strong foundation for any project you may undertake before using a framework like Next.js or Remix.
Why Do Developers Love GraphQL?
GraphQL has changed how developers interact with data in their applications and has often been called the successor to REST. But why do developers love GraphQL so much? In this blog post, I will give you three reasons why!
Exploring GraphiQL 2 Updates and New Features
GraphiQL is a popular tool for GraphQL developers. But for many years, GraphiQL has not had a UI update. Since a few months, GraphiQL 2 is here and in this video I will explore the new features of GraphiQL 2 and show you how to use them.
Zero Config TypeScript Applications with Next.js
The simplest way to set up a React TypeScript project from scratch is by using Next.js. In this blog post we will explore how to use Next.js for your next project and how you have to write zero configuration to use it with TypeScript.
Apollo Server v4 Breaking Changes. Time to move away?
Apollo Server has been the go-to JavaScript library for building GraphQL servers. Many breaking changes were announced for the latest Apollo Server v4, along with an EOL for Apollo Server v2 and v3 as early as October 2023. In this article, I will explain the breaking changes and why it might be time to move away from Apollo Server.
Can you compare GraphQL and tRPC?
There have been many discussions on Twitter around "GraphQL versus tRPC" for building a modern backend for your application. As a developer working with GraphQL in the past years, this triggered me to compare the two and see what they are both excellent at (and what they are not).
Setting up Your First React TypeScript Project From Scratch
This post is a complete overview of how to start a React TypeScript project from scratch. It discusses the necessary libraries and considerations for setting up the environment, creating a basic project structure and running the application.