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

npm start

npm run build

Name		Name	Last commit message	Last commit date
Latest commit History 7 Commits
src		src
types		types
.editorconfig		.editorconfig
.gitattributes		.gitattributes
.gitignore		.gitignore
.nvmrc		.nvmrc
LICENSE		LICENSE
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts