vite plugin ssr svelte

Vite + Svelte + Vite-Plugin-SSR Static Prerender Starter Project!

Une version svelte du module Vite-Plugin-SSR.

Ce module démontre de la HTML entièrement prépendée avec les paramètres d'hydratation corrects afin que votre application se charge bien dans n'importe quel contexte.

Vous pouvez l'essayer ici: https://ryanweal.github.io/vite-plugin-ssr-lvelte/

Pourquoi ne pas utiliser sveltekit? En utilisant vite-plugin-ssr vous pouvez remplacer à peu près tout et vous pouvez également ajouter d'autres frameworks (tels que Vue, React, d'autres) pour des itinéraires spécifiques en fournissant des fichiers page.client.js et page.server.js plus spécifiques.

Ce qui fonctionne hors de la boîte

Ce repo pourrait être utilisé comme démarreur pour votre prochain projet. Il est configuré pour effectuer les tâches de cadre typiques:

• Créer des pages et des composants à l'aide de svelte, avec un rechargement chaud dans Dev
• Présenter tout le contenu pendant le temps de construction
• Hydrater le contenu préendué avec n'importe quel JS côté client
• Les métatags peuvent facilement être définis en utilisant le composant d'exemple
• Le dossier des actifs a copié directement dans le dossier de construction afin que vous puissiez référencer des images comme c'était en 1999 et ne pas vous soucier de les importer.

Nous incluons également quelques exemples de faire des appels d'API sur le côté du serveur uniquement pour récupérer vos données.

Plugins vite utilisés

• Vite-Plugin-SSR
• Vite-Plugin-Svelte
• Express.js (utilisé pour le processus de prétention)

Installer et exécuter

1. Cloner ce référentiel
2. Installez les dépendances: npm i
3. Exécutez-le: npm run dev et profitez d'un rechargement chaud pendant que vous travaillez.
4. Visitez http://localhost:3000 dans votre navigateur.
5. Construire: npm run build
6. Servir: npx serve dist/client

Mises à jour

Pour mettre à jour ce package, vous pouvez suivre les procédures de mise à jour NPM normales.

Nous avons utilisé la commande npm shrinkwrap intégrée pour fournir un npm-shrinkwrap.json plutôt que le package-lock.json qui maintient ce référentiel fixé à un état "bien connu", si vous utilisez npm comme installateur.

Assurez-vous de tester entièrement les mises à jour si vous apportez des modifications à votre fichier npm-shrinkwrap.json .