📝 Wishlist Guide - How to Add Items #
Quick Start #
Adding a New Item to an Existing Wishlist #
-
Navigate to your wishlist folder
- For numbered wishlists:
content/wishlist1/ - For named wishlists:
content/wishlist/christmas/
- For numbered wishlists:
-
Create a new folder with the item name (use kebab-case)
content/wishlist1/my-new-item/ -
Create
index.mdinside the folder with this template:--- title: "Product Name" externalUrl: "https://www.amazon.com/dp/PRODUCT_ID" description: "Optional description" weight: 10 showDate: false showAuthor: false showReadingTime: false showEdit: false showLikes: false showViews: false layoutBackgroundHeaderSpace: false --- -
Fill in the required fields:
title: The name of the productexternalUrl: Link to the product (Amazon, etc.)weight: Order number (lower numbers appear first)
-
Save the file - The system will automatically:
- Extract the product image
- Convert it to .WEBP format
- Display it on your wishlist
Creating a New Wishlist #
Option 1: Numbered Wishlist (wishlist1, wishlist2, etc.) #
-
Create folder:
content/wishlist2/ -
Create
_index.md:--- title: "Wishlist 2" description: "My second wishlist" slug: "wishlist2" showDate: false showAuthor: false showReadingTime: false showEdit: false showLikes: false showViews: false layoutBackgroundHeaderSpace: false cardViewScreenWidth: false --- ## Welcome to Wishlist 2! -
Add items following the steps above
Option 2: Named Wishlist (wishlist/birthday, etc.) #
-
Create folder:
content/wishlist/birthday/ -
Create
_index.md:--- title: "Birthday Wishlist" description: "My birthday wishlist" slug: "wishlist/birthday" showDate: false showAuthor: false showReadingTime: false showEdit: false showLikes: false showViews: false layoutBackgroundHeaderSpace: false cardViewScreenWidth: false --- ## Birthday Wishlist 🎂 -
Add items following the steps above
URL Structure #
- All wishlists:
mitri.lol/wishlist - Numbered wishlist:
mitri.lol/wishlist1,mitri.lol/wishlist2, etc. - Named wishlist:
mitri.lol/wishlist/christmas,mitri.lol/wishlist/birthday, etc.
Example Files #
Check these example files for reference:
content/wishlist1/laptop/index.md- Example itemcontent/wishlist1/_index.md- Example wishlist indexcontent/wishlist/christmas/_index.md- Example named wishlist
Tips #
- Use descriptive folder names (kebab-case)
- Set
weightto control item order (10, 20, 30, etc.) - Amazon links work best for automatic image extraction
- Images are automatically converted to .WEBP format
- Prices require a backend API (structure is ready)