Articles

Agado Dev

Fly.io, Edge deployment

An illustration that shows server around earth

Discover how Fly.io transforms edge deployment for modern web applications.

In this article, I delve into a simple yet effective architecture that has served small projects well, while showcasing how Fly.io elevates it with global edge computing, low latency, and seamless scaling. From core concepts to hands-on deployment examples using Docker, Nginx, and CI/CD pipelines, you’ll gain practical insights and tools to deploy robust applications worldwide

Read

Prerendering a Page in a Single Page Application

Prerendering in a SPA illustration

Single Page Applications (SPA) are widely appreciated for their simplicity and streamlined development process. However, they pose a significant challenge when creating a high-performing and SEO-friendly landing page. The reliance on client-side rendering (CSR) often results in slower initial load times and difficulties with search engine indexing.

How can developers maintain the simplicity of SPAs while ensuring their landing pages meet performance and SEO standards?

Read

Enterprise Design System with Stencil.js

Design system with stencil illustration

Stencil.js: A Multi-Framework Solution Tailored to Your Needs?

In this article, I share an in-depth analysis of using Stencil to build component libraries compatible with React, Vue, and Angular. We delve into the fundamentals of a performant Design System, the challenges of integrating design tokens and Tailwind CSS, as well as the strengths and limitations of Stencil in a professional environment. This pragmatic feedback will help you make informed decisions to ensure the consistency and efficiency of your applications.

👉 Dive in to better understand the challenges of a modern Design System

Read

Dynamic Caching with Service Workers: A Practical Guide

Créer une Progressive Web App (PWA), c’est offrir une expérience fluide, même hors ligne ou en cas de réseau instable. Mais comment garantir que vos ressources dynamiques – comme les images, fichiers audio ou données API – restent accessibles et à jour sans nécessiter un nouveau déploiement ?

Dans cet article, découvrez comment combiner Workbox et vite-plugin-pwa pour gérer efficacement le cache de vos ressources statiques et dynamiques. Nous vous guidons étape par étape dans l’implémentation d’un Service Worker sur mesure, qui allie performance et flexibilité pour une PWA robuste. 🚀

Read

Modernizing a Codebase - A Practical Migration Path

blogpost about codebase upgrade illustration

Walk through the steps of upgrading an abandoned TypeScript-based monorepo. The journey involves transitioning to modern tools and runtime environments while tackling real-world challenges

Read