Giter Club home page Giter Club logo

11ty's Introduction

11ty Netlify Jumpstart

Created by Stephanie Eckles (@5t3ph)

Visit 11ty-netlify-jumpstart.netlify.app for all the feature details - or go ahead and generate a new repo from the template to view the information locally.

Quick Start

  1. Generate a repo from this template which will copy this project into your own new repo.

  2. Once cloned, run npm install to install 11ty and other dependencies. Then run npm run develop to run both 11ty and node-sass in watch mode. Use npm run build to run a production version, which will also generate social share preview images.

  3. Open src/_data/meta.js and adjust the values to your details. 1. Review the styling documentation for the included minimal Sass framework, particularly the theme variables, to quickly customize the starter.

  4. Edit _includes/home.njk to change the home page - including changing the template type if desired - and then create content within _pages using any templating format you prefer to add content.

  5. Check out the About page for expanded details on included features of this starter.

  6. 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.

Development Scripts

npm run develop

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.

Feedback welcome!

You can file it as an issue.

Buy me a coffee

11ty's People

Contributors

edieblu avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.