thedevdojo / create-alpine-app

A simple starter template for your Alpine and Tailwind projects

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Create Alpine App

Create an Alpine and Tailwind app in a single command with hot reload 🔥

npx create-alpine-app my-app

Create Alpine App Screenshot

The Create Alpine App package is similar to Create React App, except it's for Alpine.

Installation

Install and get running with the following commands:

npx create-alpine-app my-app
cd my-app
npm run dev

Usage

Now, you can edit the index.html file in the root directory. Alpine is loaded in the index.js, and Tailwind is loaded in the index.css file. Hot Reloading Enabled 🔥

Hot Reloading

You can update the directory or file type that you want the watcher to look for inside of the handleHotUpdate method inside of alpine-vite-plugin.js.

Building for production

If you want to distribute this application, you can run:

npm run build

And you're application will be built inside of the /dist folder.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

About

A simple starter template for your Alpine and Tailwind projects


Languages

Language:HTML 65.4%Language:JavaScript 33.7%Language:CSS 0.9%