11ty project for the Creative Cookbook project.

Current custom features for content writers are

• related front matter
• collapsible element
• parsons element (TODO)

Below is the documentation for 11st-starter-kit which was used as the starter project; that is licensed MIT. This project is all rights reserved for now.

Make sure you have Node.js v18, v20 or v22. Do NOT use v23 (latest) until 11ty fixes for this issue are released (which, as of writing, is not the case).

---

📦 11st-Starter-Kit

11ty, powered by Vite with Tailwind CSS and Alpine.js.

Install Dependencies

First, make sure you have npm (packaged with Node.js) installed, then run npm run setup to install the dependencies and validate that everything is running correctly.

Available Scripts

Development

# runs the app in the development mode.
npm run dev

Open http://localhost:3000/ to view it in your browser.

The page will reload if you make file changes.

Production

# builds a static copy of your site to the `dist/` folder.
npm run build

# serve the content from the `dist/` folder.
npm run preview

Open http://localhost:5000/ to view it in your browser.

Your code is now ready to be deployed!

Code Quality

By default CSS and JavaScript is getting linted with every commit.

You can lint manually by running npm run lint and if errors occur you can try to fix them automatically by running npm run format.

With every pull request it is checked if the code can be build without errors and afterwards CSS and JavaScript is getting linted.

Additionally each page is audited by Lighthouse which can take some time. You can find the performance budget for this audit in the file ./budget.json.

License

This project is open source and available under the MIT License.