Latest posts
Writing about my experiences and thoughts. This is the part of my portfolio where you find more structured content, crafted to share my experiences with the focus of helping you learning something new.
2026
2 posts
- 08 MAR Don't waste tokens with your AI Agents LATEST Tokens are incredibly important when you work with AI Agents, not only because you have to pay each one of them but also to keep your context lean. Let's discover how can you improve the situation!
- AI
- Agents
- 23 JAN Steal my AI process for 2026 A simple introductory article were I explain my custom workflow working with agents and skills inside OpenCode.
- AI
- Agents
2025
9 posts
- 16 OCT How to understand MCP server TypeScript SDK The MCP TS SDK is a powerful tool that helps you create everything you need for your MCP server, but if you read the spec it can get confusing. Let's learn how to make sense of the differences between the SDK and the defined specs.
- MCP
- TypeScript
- 21 SEP Holy grail layout, never gets old! Let's test our skills with a new UI challenge where we're tasked on creating one of the most used layout on the web.
- 09 SEP Tabs, show one content at the time Tabs are one of the most useful interface we can leverage to display multiple content saving vertical space. While there are many built-in solution around, have you ever really though about how they work?
- React
- GreatFrontEnd
- 10 MAR Building a todo list in React A todo list is maybe the first app you ever build, in this article I describe how I solved this challenge inside the GreatFrontEnd platform.
- JavaScript
- GreatFrontEnd
- React
- 18 FEB Build a contact form withouth JavaScript Nowadays we rely on JavaScript for almost everything, but do you know we can handle a form even without and keep a nice user experience?
- JavaScript
- Form
- Accessibility
- 23 JAN Building the throttle function Like debounce, the throttle function is really useful to optimize our function calls. This time, instead of importing from Lodash or any other alternative, we learn how to build our own.
- JavaScript
- GFE 75
- 13 JAN Flatten an array with a custom function Let's learn how to implement our own flat function to discover how the designer of the JavaScript language thinks and learn from their intuitions.
- JavaScript
- GFE 75
- 09 JAN Replicate the classNames function The classNames function is one of my favourite helpers when I create components. It plays so nicely with Tailwind and thanks to this GFE 75 challenge.
- JavaScript
- GFE 75
- 02 JAN Building your own reduce array method Learning how the internals of JavaScript works is a great way to master the language you use every day. Let's challenge our knowledge!
- JavaScript
- GFE 75
2024
5 posts
- 30 DEC How to write your own debounce function Notes on the first challenge in GFE 75 by GreatFrontEnd
- GreatFrontEnd
- GFE 75
- 18 DEC Chage array items in a specific range Arrays are powerful data structures, and we have many standard methods to work with them. Let's learn how to create our owns.
- JavaScript
- Array
- 16 DEC Add a new method to a prototype of an object Let's discover how it is possible to add a new method inside the prototype of an object
- JavaScript
- Prototype
- Object
- 04 OCT How do I load custom fonts in a Svelte/Kit app Let's discover how it is possible to load custom fonts in a SvelteKit application
- SvelteKit
- Custom font
- 28 JUL What is and how to use a Framer Motion Component A motion component is a standard JSX component that allows us to enhance the React element with props from Framer Motion, which gives our elements special capabilities.
- Motion
- Animation
Page 1 of 2
2026 — 2024