Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stefanfrede/11st-starter-kit
11ty, powered by Vite with Tailwind CSS and Alpine.js.
https://github.com/stefanfrede/11st-starter-kit
alpinejs eleventy jamstack netlify pwa tailwindcss vite webc webcomponents
Last synced: 2 months ago
JSON representation
11ty, powered by Vite with Tailwind CSS and Alpine.js.
- Host: GitHub
- URL: https://github.com/stefanfrede/11st-starter-kit
- Owner: stefanfrede
- Created: 2020-05-22T19:35:32.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-02-19T19:24:56.000Z (4 months ago)
- Last Synced: 2024-02-19T20:50:45.724Z (4 months ago)
- Topics: alpinejs, eleventy, jamstack, netlify, pwa, tailwindcss, vite, webc, webcomponents
- Language: JavaScript
- Homepage: https://11st-starter-kit.frede.dev
- Size: 7.29 MB
- Stars: 367
- Watchers: 8
- Forks: 68
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Lists
- awesome-vite - 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js. (Get Started / Templates)
- awesome-stars - stefanfrede/11st-starter-kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js. (JavaScript)
- awesome-vite - 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js. (Get Started / Templates)
- awesome-vite - 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js. (Get Started / Templates)
- awesome-viter - 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js. (Get Started / Templates)
- awesome-stars - 11st-starter-kit
- awesome-vite - 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js. (Get Started / Templates)
- awesome-vite - 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js. (Get Started / Templates)
- awesome-vite - 11st-Starter-Kit - 11ty, powered by Vite with Tailwind CSS and Alpine.js. (Get Started / Templates)
README
# 📦 11st-Starter-Kit
[](https://opensource.org/licenses/MIT)
[](https://app.netlify.com/sites/11st-starter-kit/deploys)
[11ty](https://www.11ty.dev/), powered by [Vite](https://vitejs.dev/)
with [Tailwind CSS](https://tailwindcss.com) and
[Alpine.js](https://github.com/alpinejs/alpine/).
## Install Dependencies
First, make sure you have `npm` (packaged with
[Node.js](https://nodejs.org)) installed, then run `npm run setup` to install
the dependencies and validate that everything is running correctly.
## Available Scripts
### Development
```bash
# runs the app in the development mode.
npm run dev
```
Open http://localhost:3000/ to view it in your browser.
The page will reload if you make file changes.
### Production
```bash
# builds a static copy of your site to the `dist/` folder.
npm run build
```
```bash
# serve the content from the `dist/` folder.
npm run preview
```
Open http://localhost:5000/ to view it in your browser.
Your code is now ready to be deployed!
## Netlify
To get your own instance of this 11st-Starter-Kit cloned and deploying to
Netlify very quickly, just click the button below and follow the instructions.
[
](https://app.netlify.com/start/deploy?repository=https://github.com/stefanfrede/11st-starter-kit)
### Add some Netlify helpers
Netlify Dev adds the ability to use Netlify redirects, proxies, and serverless functions.
```bash
# install the Netlify CLI in order to get netlify dev
npm install -g netlify-cli
# run a local server with some added Netlify sugar
netlify dev
```
## Code Quality
By default `CSS` and `JavaScript` is getting linted with every commit.
You can lint manually by running `npm run lint` and if errors occur you can try to fix them automatically by running `npm run format`.
With every pull request it is checked if the code can be build without errors and afterwards `CSS` and `JavaScript` is getting linted.
Additionally each page is audited by Lighthouse which can take some time. You can find the performance budget for this audit in the file `./budget.json`.
## License
This project is open source and available under the [MIT License](LICENSE).