HACKPILE
Crie aplicações Svelte reais.
Domine a arquitetura por trás delas.
Svelte e SvelteKit parecem simples na superfície, mas são surpreendentemente profundos por baixo. O Hackpile aborda os dois lados. Cada guia foi escrito para ser entendido na primeira leitura e consultado muitas vezes: claro para o primeiro dia e completo para produção.
Referência do 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
- Sintaxe de templates
- Elementos especiais
- Estilos
- +1 mais
Referência do 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.
- Roteamento
- Carregamento de dados
- Integração com TypeScript
- Segurança
- O Que 3.200 Codificações de Imagem no Navegador Me Ensinaram Sobre WASM, Workers e Memóriaimage-optimization
- Seu Primeiro Otimizador Client-Sideimage-optimization
- Por Que a Otimização de Imagens Importa Mais do Que Você Pensaimage-optimization
- Escolhendo o Formato de Imagem Certo para Cada Situaçãoimage-optimization
- Recapitulação Completa do Pipelineimage-optimization
- Fundamentos de Campanhas Publicitárias Dinâmicasdynamic-ads
Por Que a Otimização de Imagens Importa Mais do Que Você Pensa
Imagens são o recurso mais pesado em páginas web. O dimensionamento importa mais do que a compressão; imagens superdimensionadas desperdiçam mais largura de banda do que uma codificação ruim.
Escolhendo o Formato de Imagem Certo para Cada Situação
Vetor vs raster, AVIF vs WebP, com perdas vs sem perdas, e a árvore de decisão de formatos que todo desenvolvedor precisa antes de tocar em qualquer ferramenta de compressão.
Recapitulação Completa do Pipeline
Execute uma auditoria Lighthouse antes/depois. Aprenda o que as Core Web Vitals medem e como cada lição move LCP, CLS e TBT.
CSS com Escopo
Como o Svelte aplica escopo ao CSS em tempo de compilação, as três regras de delimitação, keyframes com escopo, aninhamento de CSS e diferenças de especificidade.
Fundamentos de Campanhas Publicitárias Dinâmicas
Aprenda a arquitetura de um sistema de campanha publicitária dinâmica: hierarquia de domínio, modelo de dados, design de schema e estrutura de projeto para veiculação e rastreamento de anúncios.
Por Que as Abordagens Padrão de i18n Falham para Blogs Técnicos
A maioria das estratégias de i18n duplica ou traduz mal. Aprenda o modelo de sobreposição: tradução somente de prosa para blogs em Markdown em qualquer escala.
Introdução às Funções Load
Aprenda como as funções load do SvelteKit funcionam, por que elas existem e como usá-las para fornecer dados às suas páginas antes de renderizá-las.
Autenticação Real no SvelteKit com better-auth
Guia passo a passo para integrar o better-auth no SvelteKit: configuração, schema, hooks, cliente e UI de login/logout. Sem ORM necessário.
Roteamento
Entenda a filosofia por trás do roteamento baseado em sistema de arquivos do SvelteKit. Aprenda por que a co-localização importa e como a estrutura de pastas se torna o seu roteador.
Reatividade de Grão Fino
Introdução à reatividade e runes do Svelte 5: como a programação reativa funciona, por que ela importa, e as runes que alimentam os apps modernos em Svelte.
{#if ...}
Domine o bloco {#if} do Svelte 5 para renderização condicional com transições, reatividade e padrões do mundo real.
Introdução à Context API
Uma visão geral da série sobre a Context API do Svelte 5, descrevendo os tópicos a serem abordados e o caminho de aprendizado para dominar o contexto em aplicações Svelte.
Sistemas CALM com Svelte 5
Uma série de artigos sobre a criação de sistemas CALM com Svelte 5. Desenvolve modelos mentais claros e padrões práticos prontos para produção, para construir aplicações compreensíveis, adaptáveis e fáceis de manter.
- Fundamentos
- Modelos mentais
- Desenvolvimento
- Manutenção
- +2 mais
Otimização de imagens
Um guia completo para criar aplicações Svelte 5 de alto desempenho, desde pipelines de imagens até Core Web Vitals.
- Otimização de imagens