EleventyOne

Phil's first port of call when starting another project using Eleventy.

This project scaffold includes:

• Eleventy with a skeleton site
• A date format filter for Nunjucks based on Luxon
• A tiny CSS pipeline with PostCSS
• A tiny inline JS pipeline
• JS search index generator
• Netlify Dev for testing Netlify redirects
• Serverless (FaaS) development pipeline with Netlify Dev and Netlify Functions

Instructions

To get your own instance of this 11ty starter project cloned and deploying to Netlify very quickly, just click the button below and follow the instructions.

Wait, what happens when I click that button?

Good question. Here's what it will do...

1. Netlify will clone the git repository of this project into your Github account. It will be asking for permission to add the repo for you.
2. We'll create a new site for you in Netlify, and configure it to use your shiny new repo. Right away you'll be able to deploy changes simply by pushing changes to your repo.
3. That's it really.

Prerequisites

• Node and NPM
• Netlify CLI

Running locally

# install the dependencies
npm install

# External data sources can be stashed locally
npm run seed

# It will then be available locally for building with
npom start

Add some Netlify helpers

Netlify Dev adds the ability to use Netlify redirects, proxies, and serverless functions.

# install the Netlify CLI in order to get Netlify Dev
npm install -g netlify-cli

# run a local server with some added Netlify sugar in front of Eleventy
netlify dev

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
• /.netlify/functions/fetch-joke

Redirects and proxies

Netlify's Redirects API can provide friendlier URLs as proxies to these URLs.

• /api/hello
• /api/fetch-joke