SvelteKit

Website: https://kit.svelte.dev/

Até agora vimos uma visão geral do Svelte, que se trata de uma ferramenta poderosa para se criar interfaces com componentes reativos.

Isso é interessante e suficiente quando vocês está criando um SPA (Single Page Application - Aplicação de página única) onde não existe o conceito de múltiplas páginas e sim de uma única página principal com um componente que engloba todos os outros.

Entretanto nem toda aplicação é assim e nossa loja on-line não é diferente. Na loja precisamos de múltiplas páginas, parâmetros dinâmicos, rotas personalizadas, etc.

Para essas funcionalidades o Svelte tem um framework chamado SvelteKit que adiciona ao Svelte puro todos esses recursos e muitos outros.

Website do SvelteKit

O SvelteKit é similar aos projetos Next.js (do ecossistema React) e Nuxt.js (do ecossistema Vue.js)

O SvelteKit vem substituir uma ferramenta chamada Sapper, que é mais consolidada no ecossistema Svelte, mas vale salientar que no momento em que se está escrevendo essa aula (setembro de 2021) o SvelteKit está em estágios finais de desenvolvimento, próximo do lançamento da versão 1.0, então pode haver algumas mudanças mínimas nos comandos mostrados aqui.