NMA 11ty Test Site

A demo static generated site using Eleventy via a starter project scaffold called Eleventy One.

Notable Features for this Demo Test Site

This site uses the following:

An Eleventy starter project (template/skeleton site) called Eleventy One
A date format filter for Nunjucks based on Luxon
A tiny CSS pipeline with PostCSS
A tiny inline JS pipeline. (Test a console.log message)
A JS search index generator
Netlify Dev for testing Netlify redirects
Serverless (FaaS) development pipeline with Netlify Dev and Netlify Functions

Notes

Advantages:

Eleventy is a super fast, simple, and powerful SSG.

Disdvantages:

This demo/test site is not setup with a CMS, therefore it requires a web dev to edit markdown files directly to update the site. However, Netlify CMS could be added.

Example Post pages

The pages found in in the posts

A post page - March 21, 2018
Another post page - March 28, 2018

External API data source ready

The following links were sourced from hawksworx.com and pre-rendered at build time.

Tech Details and Prerequisites

Node and NPM

To Run locally

# clone the repo locally
git clone https://github.com/kccnma/eleventy-test1

# install the dependencies
npm install

# External data sources can be stashed locally
npm run seed

# It will then be available locally for building with
npm run start

Optional: Add 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:

Redirects and proxies

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