11ty Netlify Jumpstart
Created by Stephanie Eckles (@5t3ph)
Once cloned, run
npm installto install 11ty and other dependencies. Then run
npm startto run both 11ty and sass in watch mode. Use
npm run buildto run a production version, which will also generate social share preview images.
src/_data/meta.jsand adjust the values to your details.
Review the styling documentation for the included minimal Sass framework, particularly the theme variables, to quickly customize the starter.
src/index.njkto change the home page - including changing the template type if desired - and then create content within
_pagesusing any templating format you prefer to add content.
Check out the About page for expanded details on included features of this starter.
Review the 11ty documentation to more deeply apply customizations, including adding custom data sources and reviewing what template languages are available.
Is Netlify hosting required?
It's not required, but highly recommended, and is also how the build process is setup to run against.
Run 11ty with hot reload at localhost:8080
npm run build
Production build includes minified, autoprefixed CSS and social preview image generation
Use this as the "Publish command" if needed by hosting such as Netlify.
You can file it as an issue.