SvelteKit • desenvolvimento da Web, simplificado

desenvolvimento da web, aperfeiçoado

rápida

Alimentada pela Svelte e Vite, a velocidade está presente em todos os pormenores: configuração rápida, desenvolvimento rápido, construções rápidas, carregamento rápido de páginas, e navegação rápida. Já mencionámos que é rápida?

divertida

Acabaram-se os dias perdidos a tentar entender a configuração do empacotador, roteamento, interpretação do lado do servidor, política de segurança de conteúdo, TypeScript, definições de implementação da produção e todas as outras coisas aborrecidas. Codifique com alergia.

flexível

SPA? MPA? SSR? SSG? Confirmado. A SvelteKit dá-nos as ferramentas para sermos bem-sucedidos em tudo aquilo que estivermos a construir. E executa onde quer que a JavaScript executa.

vê com os teus próprios olhos

Teste localmente, na StackBlitz, ou com o tutorial.

terminal

		
			npm create svelte@latest my-app
			cd my-app
			npm install
			npm run dev -- --open

/ˈsvɛlt/ adjetivo atraente e fina, graciosa e elegante

Assistir o documentário completo das Origens da Svelte

A SvelteKit foi construída sobre a Svelte, uma abstração de interface que usa um compilador para permitir-nos escrever componentes extremamente concisos que fazem um trabalho mínimo no navegador, usando as linguagens que já conhecemos — HTML, CSS e JavaScript. É uma carta de amor ao desenvolvimento da Web.

Porém não acredite na nossa palavra. Os programadores constantemente classificam a Svelte como a abstração que estão mais excitados em usar.

funcionalidades? temos.

Mistura e combina páginas pré-interpretadas para obter o máximo desempenho com a interpretação dinâmica do lado do servidor para obter a máxima flexibilidade. Transforme a tua aplicação numa PWA desenhada do lado do cliente com uma única linha de código, para tudo ou apenas uma página. Usa o roteamento acessível do lado do cliente com a pré-carregamento automático para uma navegação elegante e instantânea que não recarrega a página inteira (nem a tuas analises, nem todo o lixo restante). Proteja os teus utilizadores com a proteção automática de CSRF e com configuração Política de Segurança de Conteúdo fácil de usar. Guarde os teus segredos para ti mesmo com a manipulação avançada de variável de ambiente. Manipula os erros graciosamente e com segurança. Carregue dados diretamente a partir da tua base de dados e conecte o teu back-end ao teu front-end com o carregamento de dados seguros no que diz respeito a tipos e ações de formulário embutidas que funcionam com ou sem JavaScript. Coexiste com outras abstrações de roteamento do lado do cliente na mesma página. Adiciona operários de serviço para suporte desconectado. Gera páginas compatíveis com AMP se for realmente necessário. Construa interfaces complexas com rotas baseadas no sistema de ficheiro excecionalmente poderosas. Disposições encaixadas? É verdade. Aprenda padrões da Web que funcionam em vários ambiente. Integram com Tailwind e Playwright e Vitest e Storybook e, bem, qualquer coisa que quiseres. Construa bibliotecas bem como as aplicações. Implemente em qualquer lugar com os adaptadores.

A SvelteKit é a abstração que cresce contigo, qualquer coisa que acabes por construir.

implemente em qualquer lugar

Exporta os ficheiros de HTML estáticos. Execute o teu próprio servidor de Node. Implemente o código no limite do mundo. Se uma plataforma executa JavaScript, esta executa SvelteKit — em alguns casos com zero configuração.

Queres experimentar implementar em outro lugar? Troque o teu adaptador com uma única linha de código.

HTML Estático