SvelteKit 2 guía práctica para crear un enrutador basado en código en lugar del sistema basado en archivos. Tras varias pruebas y parches, ya hay un repositorio funcional que demuestra el enfoque repositorio en GitHub. La idea es sencilla centralizar toda la resolución de rutas en un único punto usando una carpeta comodín para capturar cualquier ruta y un archivo urls.ts que actúa como tabla de enrutado.
Con este patrón defines una lista de patrones de ruta usando expresiones regulares en la propiedad re y asocias a cada patrón el componente page que se cargará de forma dinámica. También puedes declarar layout y error, e incluso una cadena de layouts anidados para construir estructuras complejas. Los parámetros dinámicos como id se extraen automáticamente y se exponen al componente, permitiendo construir rutas limpias tipo article id que solo aceptan números.
Una ventaja clara es que los componentes de página pueden vivir en cualquier carpeta y llamarse como quieras sin atarte al árbol de directorios. El cargador de datos también es flexible puedes declarar la función load dentro del script module del propio componente al estilo Sapper o mover esa lógica a un archivo js o ts de apoyo y decidir con el parámetro side si se ejecuta en SERVER, CLIENT o de forma UNIVERSAL.
Además puedes definir metadatos específicos de cada ruta directamente en urls.ts por ejemplo layout para conmutar entre plantillas DEFAULT, CUSTOM o BLANK, wrapper para controlar el ancho WIDE, DEFAULT o NARROW, y textos como title y h1. Estos valores se consumen fácilmente desde el layout base a través de stores como routeStore, titleStore y h1Store y con utilidades como beforeNavigate puedes resetear estados entre transiciones. Incluso es posible añadir extras como GO_TOP para insertar componentes auxiliares según la ruta.
Para instalación, ejemplos y mejores prácticas consulta el repositorio en GitHub. Si esta propuesta te resulta útil se estudiará empaquetarla como módulo npm oficial.
En Q2BSTUDIO desarrollamos software a medida y aplicaciones a medida con foco en rendimiento, mantenibilidad y DX. Este router basado en código encaja perfecto en proyectos que requieren control fino del enrutado, SSR selectivo y estrategias avanzadas de precarga. Si buscas un equipo experto para llevar tu arquitectura SvelteKit al siguiente nivel, descubre cómo abordamos el desarrollo de aplicaciones y software multiplataforma y cómo automatizamos flujos de entrega y orquestación con pipelines CI, pruebas y control de calidad.
También te ayudamos a optimizar la operativa del proyecto con automatización de procesos e integraciones, y completamos el ecosistema con servicios clave como inteligencia artificial, ia para empresas, agentes IA, ciberseguridad y pentesting, servicios cloud aws y azure, servicios inteligencia de negocio y analítica con power bi. Nuestra meta es que tu plataforma, desde el enrutado hasta el despliegue y la observabilidad, sea robusta, segura y preparada para crecer.
Palabras clave que nos definen aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.