Love On The Route : 4 lignes pour un routing qui marche

Je scrollais sur TikTok quand je suis tombé sur des "développeurs CSS". Au début j'ai rigolé, puis j'ai regardé ce qu'ils faisaient : des interfaces plutôt propres !

Le CSS, ça ne permet pas de tout faire. D'un autre côté, ça faisait un moment que je trouvais absurde d'utiliser des frameworks pour tout et n'importe quoi. Je vois des portfolios React qui pourraient faire exactement la même chose avec une web app TypeScript et une lib d'animations (GSAP, Motion...).

De PanicMode à Love On The Route

Je cherchais du boulot et je faisais des petits projets comme « panicmode », un wrapper Daisy UI. J'aimais bien Daisy et je voulais créer un outil pour avoir des maquettes rapidement.

Le résultat était nul. Ça ajoutait de la complexité au lieu d'en enlever. Je dépendais d'une lib qui dépendait d'une lib. J'étais en train de reproduire le modèle JavaScript moderne : toujours plus de couches.

Love On The Route, c'est l'inverse : résoudre le problème à la source.

4 lignes, c'est tout

import { createRouter, autoDiscoverPagesIntelligent, generateRoutes } from "love-on-the-route";

const pages = import.meta.glob("./pages/**/*.ts", { eager: true });
const { routes } = autoDiscoverPagesIntelligent(pages);
const router = createRouter(document.querySelector("#app"));
generateRoutes(router, routes);
router.render();

C'est tout. Vos fichiers dans pages/ deviennent des routes.

File-based, comme Next mais vanilla

Structure des fichiers :

pages/Home.ts → /
pages/About.ts → /about
pages/Contact.ts → /contact

Une page ? Un fichier :

export default function About(): HTMLElement {
  const div = document.createElement("div");
  div.innerHTML = '<h1>À propos</h1>';
  return div;
}

Automatique :

Navigation générée
SEO configuré
Multilingue si vous organisez par dossiers fr/ et en/
TypeScript, 0 configuration

Pour qui ?

Vous voulez prototyper vite sans vous battre avec la config
Vous en avez marre des frameworks pour des trucs simples
Vous préférez coder votre contenu que vos outils
Vous voulez livrer rapidement sans sacrifier la qualité

Ma vision

Ces développeurs TikTok ont du talent créatif. Ils ont juste besoin d'outils qui ne les ralentissent pas.

Love On The Route : ultra simple, zéro CSS imposé, logique gérée automatiquement.

Si vous savez créer une fonction, vous savez l'utiliser. Le but ultime ? Si vous savez lire, vous savez l'utiliser.

Essayer maintenant

npm install love-on-the-route