Awesome Open Source
Awesome Open Source

Eleventy Starter

Netlify Status

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!


Prerequisites

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:


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,100
webpack (1,123
tailwindcss (177
tailwind (72
starter-project (40
eleventy (32
serverless-functions (32
proxies (27
alpinejs (21
11ty (16

Find Open Source By Browsing 7,000 Topics Across 59 Categories