AnalogJS : le meta-framework full-stack qui apporte le file-based routing, le SSR et les API routes à Angular en 2026

Depuis des années, les développeurs Angular regardaient avec une pointe de jalousie ce que Next.js, Nuxt et SvelteKit offraient à leurs voisins React, Vue et Svelte : routage basé sur le système de fichiers, API routes serveur, SSR/SSG intégrés, et un build tool Vite ultra-rapide. AnalogJS, créé par Brandon Roberts et désormais en version stable en 2026, comble enfin ce manque pour Angular. Construit sur Vite, conçu pour les Angular Signals et compatible avec l'écosystème standalone components, il s'impose comme le meta-framework de référence pour bâtir des applications full-stack Angular modernes, sans renoncer à la rigueur du tout-TypeScript.

Un meta-framework Angular pensé pour 2026, propulsé par Vite

AnalogJS part d'un constat simple : l'expérience développeur Angular souffrait historiquement face à celle de Next.js ou Nuxt, en particulier sur les démarrages de serveur dev lents, l'absence de routage par fichiers et la complexité de mettre en place le SSR avec Angular Universal. AnalogJS répond à ces frictions en s'appuyant sur Vite comme build tool : démarrage en moins d'une seconde, HMR quasi instantané, et bundling Rollup en production. Compatible Angular 17, 18 et 19, il consomme nativement les standalone components, les signals, le contrôle de flux @if et @for, et l'API inject(). Pour une équipe Angular, c'est la promesse de retrouver la productivité d'une stack moderne sans changer de framework — et sans dépendre de l'Angular CLI pour les builds.

File-based routing, API routes serveur et data fetching intégré

Là où l'Angular Router demande de déclarer manuellement chaque route dans un fichier de configuration, AnalogJS adopte une convention par système de fichiers à la Next.js : un fichier src/app/pages/products.[id].page.ts devient automatiquement la route /products/:id, sans configuration. Les routes catch-all, les layouts imbriqués et les redirections sont exprimés par la convention de nommage des fichiers. À côté du routage frontend, AnalogJS expose des API routes serveur : un fichier src/server/routes/api/products.ts publie une route HTTP /api/products propulsée par Nitro et h3, exactement comme Nuxt. Les pages peuvent charger leurs données côté serveur via la fonction load() et hydrater l'application côté client sans appel HTTP supplémentaire — un pattern impossible à reproduire avec Angular Universal sans une couche de boilerplate considérable.

SSR, SSG, hydration et déploiement universel grâce à Nitro

AnalogJS s'appuie sur Nitro, le serveur HTTP universel développé par l'équipe Nuxt, pour proposer un rendu hybride : SSR pour les pages dynamiques, SSG pré-rendu pour les pages statiques (blog, marketing, landing), et hydration côté client une fois la page reçue. La même base de code peut être déployée sur Node.js, Bun, Deno, Vercel, Netlify, Cloudflare Workers ou Cloudflare Pages, simplement en changeant un preset de build — sans réécriture, sans Dockerfile spécifique au runtime. Pour les sites éditoriaux ou e-commerce, AnalogJS expose nativement un système de Content collections, qui parse les fichiers Markdown du dossier src/content avec frontmatter typé, syntax highlighting et table des matières, à la manière d'Astro Content Collections. Le résultat : des scores Lighthouse proches de 100, une indexation SEO native, et une infrastructure réduite à un seul artefact déployable.

Intégration avec l'écosystème Angular et trajectoire d'adoption

AnalogJS n'oblige à abandonner aucun outil de l'écosystème Angular : Angular Material, NgRx, TanStack Query for Angular, Tailwind CSS, Storybook et les Angular DevTools fonctionnent sans configuration spécifique. Le projet est packagé sous forme d'application Nx ou de projet standalone créé en npm create analog@latest, et migrable depuis une application Angular CLI existante en quelques heures. Du côté production, AnalogJS est désormais soutenu par l'équipe Angular elle-même via le programme Angular Labs, recommandé pour les nouveaux projets SSR par plusieurs membres du core team Angular, et utilisé en production par HeroDevs, This Dot Labs et de nombreux freelances francophones pour leurs sites marketing et back-offices internes. Pour une agence comme Studio2B, c'est l'opportunité de mutualiser une seule stack — Angular + Vite + Nitro — entre les pages publiques SEO-friendly et les applications métier SPA, sans naviguer entre Angular Universal et un framework Node.js séparé.