Comparación SvelteKit y Astro
- Carga de datos: Archivos
+page.ts con funciones load() que cargan datos antes de renderizar una página.
- API endpoints: Archivos
+server.ts con funciones para cada método HTTP (GET, POST, etc.)
- Componentes de página: Archivos
+page.svelte
- Tiene archivos
+layout.svelte y +layout.ts para diseños compartidos y carga de datos a nivel de diseño
- Incluye archivos
+error.svelte para manejo de errores personalizado
- Admite rutas parametrizadas con
[param] en los nombres de carpetas
- Tiene hooks del servidor en
hooks.server.ts para lógica global
- Carga de datos: Frontmatter (código entre
---) dentro de archivos .astro para cargar datos y ejecutar JavaScript del lado del servidor.
- API endpoints: Archivos
.ts o index.ts dentro de carpetas en /pages/api/ o utilizando el enrutamiento basado en archivos en modo SSR.
- Componentes de página: Archivos
.astro
- Las rutas dinámicas se crean con
[param].astro o [...spread].astro para rutas comodín
- Tiene funciones middleware en
src/middleware.ts para lógica global