https://github.com/leoneck/spa-wc-vite

Single Page Application (SPA) demo using web components powered by vite.
https://github.com/leoneck/spa-wc-vite

spa vite web-components

Last synced: 18 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/leoneck/spa-wc-vite
• Owner: LeonEck
• License: mit
• Created: 2022-05-28T08:15:06.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-02T16:31:44.000Z (7 months ago)
• Last Synced: 2024-10-14T07:11:13.433Z (about 1 month ago)
• Topics: spa, vite, web-components
• Language: TypeScript
• Homepage: https://spa-wc-vite.pages.dev
• Size: 49.8 KB
• Stars: 8
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://leoneck.de/blog/spa-wc-vite)

## Setup

```

npm install

```

## Dev mode

```

npm start

```

## Build for production

```

npm run build

```