vite plugin ssr svelte

¡VITE + SVELTE + Proyecto de inicio prerender estático vite-plugin-ssr!

Una versión esbelta del módulo Vite-Plugin-SSR.

Este módulo demuestra hacer HTML completamente prerenderizado con la configuración de hidratación correcta para que su aplicación se cargue sin problemas en cualquier contexto.

Puede probarlo aquí: https://ryanweal.github.io/vite-plugin-ssr-svelte/

¿Por qué no usar Sveltekit? Usando vite-plugin-ssr puede anular casi todo y también puede agregar otros marcos (como Vue, Reaccion, otros) para rutas específicas al proporcionar archivos más específicos page.client.js y page.server.js .

Lo que funciona fuera de la caja

Este repositorio podría usarse como iniciador para su próximo proyecto. Está configurado para hacer las tareas de marco típicas:

• Crear páginas y componentes usando SVELTE, con recarga en caliente en Dev
• Prerender todo contenido durante el tiempo de compilación
• Hidrate el contenido prerenderado con cualquier JS del lado del cliente
• Las metatags se pueden configurar fácilmente utilizando el componente de ejemplo
• Carpeta de activos copiada directamente a la carpeta de compilación para que pueda hacer referencia a imágenes como fue 1999 y no preocuparse por importarlas.

También incluimos algunos ejemplos de realizar llamadas API en el lado del servidor solo para obtener sus datos.

Complementos de vite utilizados

• vite-plugin-ssr
• vite-plugin-svelte
• Express.js (utilizado para el proceso de preverimiento)

Instalar y ejecutar

1. Clon este repositorio
2. Dependencias de instalación: npm i
3. Ejecutarlo: npm run dev y disfruta de la recarga caliente mientras trabaja.
4. Visite http://localhost:3000 en su navegador.
5. Construirlo: npm run build
6. Servirlo: npx serve dist/client

Actualizaciones

Para actualizar este paquete, puede seguir los procedimientos normales de actualización de NPM.

Hemos utilizado el comando npm shrinkwrap incorporado npm proporcionar un npm-shrinkwrap.json en lugar del package-lock.json

Asegúrese de probar completamente las actualizaciones si realiza cambios en su archivo npm-shrinkwrap.json .