Eleventy Starter

Demo: https://ess-eleventy-starter.netlify.app

Eleventy Starter is a project scaffold for quickly starting a site with:

• Eleventy for templates and site generation.
• Webpack for straightforward JS asset bundling.
• Alpine JS A rugged, minimal framework for composing JavaScript behavior in your markup.
• Tailwindcss for a utility first CSS workflow.
• PurgeCSS for optimizing css output.
• 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
• Get your own Eleventy web site on Vercel

---

Prerequisites

• Node and NPM
• Netlify CLI optional

Running locally

# 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

# 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
• Mike Riethmuller: Supermaya
• Zach Leatherman: zachleat.com
• Max Böck Eleventastic
• Greg Ives Twelvety