Defining the 11ty Config is an important piece for 11ty to know things like:

• what types of files your using for templating (in our case Nunjucks)
• any deviations for output directories (so 11ty knows where to look for our site & the includes we’ll be creating components and layouts in)

module.exports = function (eleventyConfig) {
	return {
		templateFormats: ['njk'],
		dir: {
			input: "src",
			output: "dist",
			includes: "_includes"
		},
		htmlTemplateEngine: "njk",
		dataTemplateEngine: "njk"
	}
}

Netlify gives us a couple of options for how we configure our projects:

• through Netlify’s UI
• through the netlify.toml file

For us, we’re going to lean on the toml file for the couple things Netlify needs to know about:

• Our build command (especially helpful for local dev with the netlify-cli)
• The path to our Netlify functions folder

[build]
command = "npm run build"
publish = "dist"

[functions]
directory = "/netlify/functions"

Initial Project Scaffold & Dependency install

Creating our base layout + setting up Tailwind