LeonEck / spa-wc-vite

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

Home Page:https://spa-wc-vite.pages.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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

https://spa-wc-vite.pages.dev

License:MIT License


Languages

Language:TypeScript 54.8%Language:HTML 42.5%Language:SCSS 1.8%Language:CSS 0.8%