vite plugin ssr svelte

VITE + SVELTE + VITE-PLUGIN-SSR ESTÁTICO PROJETO PRERENDENTE DE PRESENDOR!

Uma versão esbelta do módulo Vite-Plugin-SSR.

Este módulo demonstra fazer HTML totalmente pré -reproduzido com as configurações de hidratação corretas, para que seu aplicativo seja carregado sem problemas em qualquer contexto.

Você pode experimentar aqui: https://ryanweal.github.io/vite-plugin-sr-svelte/

Por que não usar o Sveltekit? Usando vite-plugin-ssr você pode substituir praticamente tudo e também pode adicionar outras estruturas (como Vue, React, outros) para rotas específicas, fornecendo arquivos mais específicos page.client.js e page.server.js .

O que funciona fora da caixa

Este repositório pode ser usado como iniciante para o seu próximo projeto. É configurado para realizar as tarefas de estrutura típica:

• Crie páginas e componentes usando esbelto, com recarregamento a quente em Dev
• Prenda todo o conteúdo durante o tempo de construção
• Hidratar o conteúdo pré-realizado com qualquer JS do lado do cliente
• Metatags podem ser facilmente definidos usando o componente de exemplo
• Pasta de ativos copiados diretamente para a pasta Build para que você possa fazer referência a imagens como se fosse 1999 e não se preocupe em importá -las.

Também incluímos alguns exemplos de fazer chamadas de API no lado do servidor apenas para buscar seus dados.

Plugins de vite usados

• vite-plugin-ssr
• Vite-Plugin-Svelte
• Express.js (usado para o processo de pré -renda)

Instale e execute

1. Clone este repositório
2. Instale dependências: npm i
3. Execute: npm run dev e desfrute de recarregar quente enquanto trabalha.
4. Visite http://localhost:3000 no seu navegador.
5. Construa: npm run build
6. Sirva: npx serve dist/client

Atualizações

Para atualizar este pacote, você pode seguir os procedimentos normais de atualização do NPM.

Utilizamos o comando npm shrinkwrap para fornecer um npm-shrinkwrap.json em vez do package-lock.json que mantém esse repositório fixado em um estado "bem conhecido", se você usar npm como seu instalador.

Certifique-se de testar totalmente as atualizações se fizer alterações no seu arquivo npm-shrinkwrap.json .