Skip to main content

·310 words·2 mins· loading · loading ·
Dimitrius Farida
Author
Dimitrius Farida

📝 Wishlist Guide - How to Add Items
#

Quick Start
#

Adding a New Item to an Existing Wishlist
#

  1. Navigate to your wishlist folder

    • For numbered wishlists: content/wishlist1/
    • For named wishlists: content/wishlist/christmas/
  2. Create a new folder with the item name (use kebab-case)

    content/wishlist1/my-new-item/
    
  3. Create index.md inside 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
    ---
    
  4. Fill in the required fields:

    • title: The name of the product
    • externalUrl: Link to the product (Amazon, etc.)
    • weight: Order number (lower numbers appear first)
  5. 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.)
#

  1. Create folder: content/wishlist2/

  2. 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!
    
  3. Add items following the steps above

Option 2: Named Wishlist (wishlist/birthday, etc.)
#

  1. Create folder: content/wishlist/birthday/

  2. 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 🎂
    
  3. 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 item
  • content/wishlist1/_index.md - Example wishlist index
  • content/wishlist/christmas/_index.md - Example named wishlist

Tips
#

  • Use descriptive folder names (kebab-case)
  • Set weight to 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)