https://github.com/les-enovateurs/complete-eleventy-example
https://github.com/les-enovateurs/complete-eleventy-example
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/les-enovateurs/complete-eleventy-example
- Owner: les-enovateurs
- License: mit
- Created: 2021-01-02T10:30:26.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-09T23:21:36.000Z (over 2 years ago)
- Last Synced: 2023-09-07T14:14:08.149Z (almost 2 years ago)
- Language: JavaScript
- Homepage: https://musing-wescoff-37deb3.netlify.app/
- Size: 6.62 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Eleventy Starter
[](https://app.netlify.com/sites/ess-eleventy-starter/deploys)
Demo: https://ess-eleventy-starter.netlify.app
Eleventy Starter is a project scaffold for quickly starting a site with:
- [Eleventy](https://11ty.dev) for templates and site generation.
- [Webpack](https://webpack.js.org) for straightforward JS asset bundling.
- [Alpine JS](https://github.com/alpinejs/alpine) A rugged, minimal framework for composing JavaScript behavior in your markup.
- [Tailwindcss](https://tailwindcss.com) for a utility first CSS workflow.
- [PurgeCSS](https://www.purgecss.com/) for optimizing css output.
- [Netlify CLI](https://www.npmjs.com/package/netlify-cli) for Netlify dev pipeline and local replication of the prod environment.
## Deploy this to your own site
These builders are amazing—try them out to get your own Eleventy site in a few clicks!
- [Get your own Eleventy web site on Netlify](https://app.netlify.com/start/deploy?repository=https://github.com/eastslopestudio/eleventy-starter)
- [Get your own Eleventy web site on Vercel](https://vercel.com/import/project?template=eastslopestudio%2Feleventy-starter)
---
## Prerequisites
- [Node and NPM](https://nodejs.org/)
- [Netlify CLI](https://www.npmjs.com/package/netlify-cli) _optional_
## Running locally
```bash
# Create your project
npx degit "eastslopestudio/eleventy-starter" my-app && cd my-app
# install the project dependencies
npm install
# run the build and server locally
npm run start
# run the production build
npm run build
```
## Netlify Dev
```bash
# Install the Netlify CLI globally
npm install -g netlify-cli
netlify dev
```
Serverless functions are located in `src/functions`
A serverless functions pipeline is included via Netlify Dev. By running `netlify dev` you'll be able to execute any of your serverless functions directly like this:
- /.netlify/functions/hello
### Redirects and proxies
Netlify's Redirects API can provide friendlier URLs as proxies to these URLs.
- /api/hello
---
## Credits
My heartfelt thanks to these people, whom I shamelessly copied code and ideas from:
- Phil Hawksworth: [EleventyOne](https://github.com/philhawksworth/eleventyone)
- Mike Riethmuller: [Supermaya](https://github.com/MadeByMike/supermaya)
- Zach Leatherman: [zachleat.com](https://github.com/zachleat/zachleat.com)
- Max Böck [Eleventastic](https://github.com/maxboeck/eleventastic)
- Greg Ives [Twelvety](https://github.com/gregives/Twelvety)