Skill for managing the "Foodnotes" personal cookbook website built with Eleventy (11ty) and Decap CMS. Triggers when the user wants to add or edit recipes, add photos, manage categories, or make changes to the cookbook. Trigger keywords: recepten, kookboek, recept toevoegen, foto toevoegen, ingredienten, bereiding, hoofdstuk, categorie, foodnotes. Also triggers for Dutch food/cooking-related requests in the context of this project.
"Foodnotes" is a personal cookbook website styled as an editorial magazine, inspired by The Gourmand. Built with Eleventy (11ty) static site generator and Decap CMS for visual editing.
kookboek/
├── eleventy.config.js — 11ty config (filters, collections, passthrough)
├── package.json — npm project with 11ty dependency
├── netlify.toml — Netlify config (alleen admin kopiëren, geen build)
├── fotos/ — Recipe photos (.webp), served at /fotos/
├── src/
│ ├── index.njk — Cover page (auto recipe count, klikbaar)
│ ├── inhoud.njk — TOC (magazine grid + klassieke lijst)
│ ├── register.njk — Auto keyword index vanuit tags
│ ├── chapters.njk — Auto chapter pages vanuit categories.json
│ ├── style.css — Shared stylesheet
│ ├── admin/ — Decap CMS (passthrough, niet verwerkt door 11ty)
│ ├── _data/categories.json — Categorieën (slug, title, order, roman, description)
│ ├── _includes/
│ │ ├── base.njk — HTML shell + carousel JS + Netlify Identity
│ │ ├── recipe.njk — Recept template
│ │ └── partials/nav.njk — Navigatiebalk
│ └── recepten/
│ ├── recepten.json — Directory data (layout + permalink)
│ └── *.md — Recepten als Markdown met YAML frontmatter
└── _site/ — Build output (gitignored)
Dit is de enige stap die nodig is. Al het andere (inhoud, register, navigatie, recepttelling, hoofdstukken) wordt automatisch gegenereerd.
Kijk welk hoogste pageNumber bestaat in src/recepten/*.md en gebruik het volgende getal.
Maak src/recepten/{slug}.md aan. Slug = lowercase, woorden gescheiden door -, geen accenten of spaties.
---