spa-wc-vite

Single Page Application (SPA) demo using web components powered by vite.

This SPA has the following features:

• Component-based architecture is based on web components.
• The development of components is split into individual files for logic, template, and styles.
• Showcases the usage of both native CSS and SCSS.
• HTML is minified.
• Client-side routing with lazy loading.

An explainer to all these parts can be found in the corresponding blog post: https://leoneck.de/blog/spa-wc-vite

Setup

npm install

Dev mode

npm start

Build for production

npm run build