https://github.com/megaemce/dynamic-11th

View count and like button in 11ty
https://github.com/megaemce/dynamic-11th

11ty 11ty-template express vercel-serverless-functions

Last synced: 6 months ago
JSON representation

View count and like button in 11ty

• Host: GitHub
• URL: https://github.com/megaemce/dynamic-11th
• Owner: Megaemce
• Created: 2024-06-21T07:26:15.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-24T11:28:10.000Z (over 1 year ago)
• Last Synced: 2025-04-05T12:43:05.945Z (6 months ago)
• Topics: 11ty, 11ty-template, express, vercel-serverless-functions
• Language: JavaScript
• Homepage: https://dynamic-11th.vercel.app
• Size: 166 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


Eleventy + Vercel + Express = 🔢 + 👍


[A quest](https://annoyscript.vercel.app/posts/Adding%20view%20count%20and%20like%20button%20to%2011ty/) to make static 11ty blog less static, by adding like button and view count, using vercel and express.

````mermaid

flowchart LR

    subgraph 11ty [11ty]

    C(postTitle) ---  D[Views.njs] & E[Likes.njs]

    end

    subgraph node [node]

    F([express])

    end

    subgraph Vercel [Vercel KV]

    subgraph Key [Key]

    G(postTitle)

    end

    subgraph Value [Value]

    H[likes] & I[views]

    end

    end

    Key --- Value

    F <-.-> Key

    D <-. API/JSON .-> F

    E <-. API/JSON .-> F

````