HACKPILE
Crea aplicaciones Svelte reales.
Domina la arquitectura que las sustenta.
Svelte y SvelteKit parecen sencillos en la superficie, pero esconden una profundidad sorprendente. Hackpile cubre ambos lados. Cada guía está escrita para entenderse en la primera lectura y consultarse muchas veces: clara para el primer día y completa para producción.
Referencia de Svelte 5
A complex set of articles that extend the Svelte documentation with more in-depth explanations of each topic, practical real-world examples, and clear guidance on applying concepts in production-ready applications.
- Runas
- Sintaxis de plantillas
- Elementos especiales
- Estilos
- +1 más
Referencia de SvelteKit
A comprehensive reference for SvelteKit’s core concepts, patterns, and APIs. Each article dives deep into a specific topic with practical examples and best practices.
- Enrutamiento
- Carga de datos
- Integración con TypeScript
- Seguridad
- Lo que 3,200 codificaciones de imágenes en el navegador me enseñaron sobre WASM, Workers y memoriaimage-optimization
- Tu Primer Optimizador del Lado del Clienteimage-optimization
- Por Qué la Optimización de Imágenes Importa Más de lo que Creesimage-optimization
- Cómo Elegir el Formato de Imagen Correcto para Cada Casoimage-optimization
- Resumen Completo del Pipelineimage-optimization
- Fundamentos del Sistema Dinámico de Campañas Publicitariasdynamic-ads
Por Qué la Optimización de Imágenes Importa Más de lo que Crees
Las imágenes son el recurso más pesado en las páginas web. El tamaño importa más que la compresión; las imágenes demasiado grandes desperdician más ancho de banda que una codificación deficiente.
Cómo Elegir el Formato de Imagen Correcto para Cada Caso
Vector vs raster, AVIF vs WebP, compresión con pérdida vs sin pérdida, y el árbol de decisiones de formato que todo desarrollador necesita antes de tocar una herramienta de compresión.
Resumen Completo del Pipeline
Ejecutá una auditoría Lighthouse de antes/después. Aprendé qué miden las Core Web Vitals y cómo cada lección mueve LCP, CLS y TBT.
CSS con Scope
Cómo Svelte aplica scope al CSS en tiempo de compilación, las tres reglas de límite, keyframes con scope, anidamiento de CSS y diferencias de especificidad.
Fundamentos del Sistema Dinámico de Campañas Publicitarias
Aprende la arquitectura de un sistema dinámico de campañas publicitarias: jerarquía de dominio, modelo de datos, diseño de esquema y estructura de proyecto para la entrega y seguimiento de anuncios.
Por qué los enfoques estándar de i18n fallan en los blogs técnicos
La mayoría de las estrategias de i18n duplican o traducen mal. Aprende el modelo de superposición: traducción solo de prosa para blogs en Markdown a cualquier escala.
Introducción a las Funciones Load
Aprende cómo funcionan las funciones load de SvelteKit, por qué existen y cómo usarlas para proveer datos a tus páginas antes de que se rendericen.
Autenticación real en SvelteKit con better-auth
Guía paso a paso para integrar better-auth en SvelteKit: configuración, esquema, hooks, cliente e interfaz de inicio/cierre de sesión. No se requiere ORM.
Routing
Comprende la filosofía detrás del enrutamiento basado en el sistema de archivos de SvelteKit. Aprende por qué la co-ubicación importa y cómo la estructura de carpetas se convierte en tu enrutador.
Reactividad Detallada
Introducción a la reactividad y las runas de Svelte 5: cómo funciona la programación reactiva, por qué es importante y las runas que impulsan las aplicaciones modernas de Svelte.
{#if ...}
Master Svelte 5's {#if} block for conditional rendering with transitions, reactivity, and real-world patterns.
Introducción a la Serie sobre la API de Contexto
Una descripción general de la serie sobre la API de Contexto de Svelte 5, que describe los temas a tratar y el camino de aprendizaje para dominar el contexto en aplicaciones Svelte.
Sistemas CALM con Svelte 5
Una serie de artículos sobre la creación de sistemas CALM con Svelte 5. Desarrolla modelos mentales claros y patrones prácticos listos para producción, para construir aplicaciones comprensibles, adaptables y mantenibles.
- Fundamentos
- Modelos mentales
- Desarrollo
- Mantenimiento
- +2 más
Optimización de imágenes
Una guía completa para crear aplicaciones Svelte 5 de alto rendimiento, desde canalizaciones de imágenes hasta Core Web Vitals.
- Optimización de imágenes