# create-alpine-app

> ![Create Alpine App Screenshot](https://cdn.devdojo.com/images/june2023/create-alpine-app.png)

Latest version **0.0.8** (published 2023-06-23) · 0 weekly downloads

## Install

```sh
npm install create-alpine-app
pnpm add create-alpine-app
yarn add create-alpine-app
bun add create-alpine-app
```

Provides the command `create-alpine-app`.

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.8 |
| Published | 2023-06-23 |
| First published | 2023-06-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 8.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | devdojo |

## Links

- npm: https://www.npmjs.com/package/create-alpine-app
- npm.io page: https://npm.io/package/create-alpine-app

## Recent versions

- 0.0.8 (latest) — 2023-06-23
- 0.0.7 — 2023-06-23
- 0.0.6 — 2023-06-23
- 0.0.5 — 2023-06-23
- 0.0.4 — 2023-06-23
- 0.0.3 — 2023-06-23
- 0.0.2 — 2023-06-23
- 0.0.1 — 2023-06-23

## README

# Create Alpine App

![Create Alpine App Screenshot](https://cdn.devdojo.com/images/june2023/create-alpine-app.png)

Create an [Alpine](https://alpinejs.dev) and [Tailwind](https://tailwindcss.com) app with a single command. Similar to how [React](https://react.dev/) has [Create React App](https://create-react-app.dev/), this is the equivalent to get you up and running with a simple static Alpine application.

## Installation

Install and get running with the following commands:

```bash
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](https://choosealicense.com/licenses/mit/)

---
_Source: https://npm.io/package/create-alpine-app · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._