https://github.com/dvd101x/vite-alpine

https://github.com/dvd101x/vite-alpine

Last synced: 26 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/dvd101x/vite-alpine
• Owner: dvd101x
• Created: 2023-10-20T16:30:13.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-28T02:15:10.000Z (10 months ago)
• Last Synced: 2024-10-14T19:38:12.209Z (2 months ago)
• Language: CSS
• Size: 176 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• fucking-awesome-vite - vite-alpine-template - Starter template for Alpine. (Get Started / Templates)
• awesome-vite - vite-alpine-template - Starter template for Alpine. (Get Started / Templates)

README

        
# vite-alpine

This is another [vite template](https://vitejs.dev/guide/#trying-vite-online) based on the vanilla template with added [alpinejs](https://alpinejs.dev/)

[![template](screenshot.png)](https://dvd101x.github.io/vite-alpine)

Test this template in [github-pages](https://dvd101x.github.io/vite-alpine)

# to start

Run the following commands

Install dependencies once:

```

npm install

```

Start dev server

```

npm run dev

```

Build a bundle (generated in the dist folder):

```

npm run dist

```

# how was this made?

1. Follow the steps to create a `vanilla` project 

  https://vitejs.dev/guide/#scaffolding-your-first-vite-project 

2. Follow the steps to install alpinejs as a module

  https://alpinejs.dev/essentials/installation#as-a-module

3. Modify the project to use Alpine instead of vanilla javascript.