Cómo añadir transiciones entre páginas en SvelteKit
Añadir transiciones entre páginas en SvelteKit es muy fácil respecto a otros entornos: controla los cambios de ruta y usa las opciones incluidas
8 artículos en `sveltekit`
SvelteKit es un framework para crear web-apps de todo tipo, con una experiencia de desarrollo muy cuidada y un resultado rápido y completo.
Desde hace más de un año estoy enamorado de SvelteKit y ya he creado unas cuantas apps con ello, algunas de ellas en producción. Este mismo blog es un buen ejemplo.
En esta sección escribo sobre lo que voy aprendiendo:
Mostrar la versión desde package.json en SvelteKit
Cómo mostrar la versíon de tu app, importada desde package.json, sin errores ni problemas de ningún tipo
Cómo importar archivos markdown en SvelteKit con `import.meta.glob()` de Vite
Crea un blog con SvelteKit: posts en markdown, conversión de metadata y html con mdsvex, importa los archivos con Vite usando `import.meta.glob()`
Gestionar las etiquetas meta para SEO en cada página en SvelteKit
Establece valores predeterminados y sustitúyelos en cada ruta para tener etiquetas meta (title, description) individuales por página, sin errores
Añadir la barra de progreso NProgress.js en SvelteKit
Detecta la navegación client-side en SvelteKit y crea la ilusión de progreso con NProgress.js, una librería muy ligera y sencilla de usar
Pasar props desde +layout a una página con `stores` y `parent()` en SvelteKit
Cómo pasar toda la información que quieras en la función load de +layout al resto de la app y acceder tanto server-side como client-side en cualquier ruta
Cómo crear un sitemap dinámico en SvelteKit
Agrega una ruta API usando +server.js para generar un sitemap dinámico con todas las páginas que quieras indexar en Google
Cómo crear una cuenta atrás precisa en SvelteKit
Creamos una cuenta atrás precisa, disponible en toda la app, y la usamos para mostrar una barra promocional, condicionalmente