I prepared this structure because I had to do this repetitive work every time I started a project.
What Include?
- css folder with basic css configuration / Also include becss www.becss.dev
- data folder with json file ready for complementation
- images folder with favico example
- include folder with main.liquid
- Hidden .eleventy.js file with:
module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy("css");
eleventyConfig.addPassthroughCopy("images");
eleventyConfig.addWatchTarget("css");
};
- Hidden file .eleventyignore ignoring this README.md file
- Hidden file .gitignore ignoring the Modules Nodes folder
- File main.liquid in include folder with base html skeleton
- File index.liquid with empty content
- File data.json with project details for the html skeleton
- File style.css with the root base configuration
- File print.css for printing models
- Mkdir of your project
- Inside the directory install eleventy: npm install @11ty/eleventy --save-dev
- Copy the all the files of this Starter project to your new project, meke sure to include the hidden files. You can install files directly from NPMJS: ( npm i starter-eleventy ) or you can also down load the repo from Github
- Modify the data.json in data folder with your project information
- Run the server to generate the files (npx @11ty/eleventy) after stop the server Ctl-c
- Star your git: git init (make your first commit)
- You are ready to begin your design!!!
Just download from Github https://github.com/iturbides/starter-eleventy
Or you can installed by terminal directly from NPM with the following command: npm i starter-eleventy
- When copying the project DO NOT INCLUDE the version control in the .git directory. Remember that your new project is going to have it own version control, not the template one!
- Remember to keep the order and do the eleventy installation before of copying the template base files
- Please note that when installing from NPM maybe the .gitignore hidden file is bypassed. so you have to created and add node_modules folder before your git init.