Update README.md

Author: localhost433

README.md

@@ -6,23 +6,33 @@ This repository contains the source code for my personal website. The site serve
 
 - **Blog**: Posts about various topics, including school, life, and random ideas.
 - **Projects**: A showcase of personal projects and experiments.
-- **Comments**: Visitors can leave comments on posts, with support for author names and timestamps.
+- **Comments**: Visitors can leave comments on blog posts, with support for author names and timestamps.
 - **Dark Mode**: Toggle between light and dark themes.
 - **Math Support**: Render mathematical expressions using MathJax.
 - **Markdown Parsing**: Blog posts are written in Markdown and rendered dynamically.
+- **Notes**: Course notes rendered from Markdown (with front-matter), featuring MathJax support and an auto-generated table of contents.
 - **Pagination & Filtering**: Browse posts by tag or search with pagination.
 
 ## Tech Stack
 
 - **Frontend**: HTML, CSS, JavaScript (Vanilla)
-- **Libraries**:
-  - [Marked.js](https://github.com/markedjs/marked) — Markdown parsing
-  - [MathJax](https://www.mathjax.org/) — Math rendering in posts
-  - [DOMPurify](https://github.com/cure53/DOMPurify) — HTML sanitization for user-generated content
-- **Backend**: Node.js (serverless functions via Vercel)
-  - Dynamic comment storage using either:
-    - JSON file (local/dev)
-    - [Vercel KV](https://vercel.com/docs/storage/vercel-kv) (prod)
+**Client-side Libraries**:
+  - [js-yaml](https://github.com/nodeca/js-yaml) — parse front-matter in notes  
+  - [DOMPurify](https://github.com/cure53/DOMPurify) — sanitize rendered HTML  
+  - [MathJax](https://www.mathjax.org/) — render LaTeX/math expressions  
+  - [Marked.js](https://github.com/markedjs/marked) — Markdown -> HTML parsing  
+
+- **Server-side Libraries** (Vercel Serverless Functions):
+  - [node-fetch](https://github.com/node-fetch/node-fetch) — HTTP client  
+  - [sanitize-html](https://github.com/apostrophecms/sanitize-html) — clean user input  
+  - [@upstash/redis](https://github.com/upstash/upstash-redis) — KV caching  
+  - [pg](https://github.com/brianc/node-postgres) — Neon Serverless Postgres driver
+- **Backend**: Node.js (serverless via Vercel)  
+  - Comments: cached in Upstash Redis + persisted in Neon Postgres   
+
+## Deployment
+
+This site is deployed on [Vercel](https://vercel.com/) with automatic GitHub-triggered builds.  
 
 ## Contact
 

api/comments.js

@@ -41,7 +41,7 @@ export default async function handler(req, res) {
         timestamp: r.created_at,
       }));
 
-      await kv.set(cacheKey, comments, { ex: 60 * 5 });
+      await kv.set(cacheKey, comments, { ex: 60 * 15 });
       return res.status(200).json(comments);
     }
 
@@ -69,7 +69,7 @@ export default async function handler(req, res) {
       const cacheKey = `comments:${slug}`;
       let cached = (await kv.get(cacheKey)) || [];
       cached.push(entry);
-      await kv.set(cacheKey, cached, { ex: 60 * 5 });
+      await kv.set(cacheKey, cached, { ex: 60 * 15 });
 
       return res.status(201).json(entry);
     }

posts/js/comments.js

@@ -27,8 +27,14 @@ document.addEventListener("DOMContentLoaded", () => {
     .then(r => r.ok ? r.json() : [])
     .then(arr => {
       if (!arr.length) {
-        commentsList.innerHTML =
-          "<p class='no-comments'>No comments yet. Be the first!</p>";
+        const prodUrl = `https://robinc.vercel.app${window.location.pathname}${window.location.search}`;
+        commentsList.innerHTML = `
+          <p class="no-comments">
+            No comments yet. Be the first!
+            Or <a href="${prodUrl}" target="_blank" rel="noopener">
+              view this post on robinc.vercel.app
+            </a> if there are any comments there.
+          </p>`;
       } else {
         arr.forEach(add);
       }