{"repo":"dinhanhthi/dinhanhthi.com","free":true,"listed":false,"github":"https://github.com/dinhanhthi/dinhanhthi.com","clone":"git clone https://github.com/dinhanhthi/dinhanhthi.com.git","description":"🔥 My personal website for taking notes. It uses Next.js and Notion as CMS.","language":"TypeScript","stars":80,"topics":["dinhanhthi","personal-website","note-taking","nextjs","notion-api"],"license":"MIT","category":"productivity","readme_excerpt":"dinhanhthi.com Next.js 15+ 🤝 Tailwind CSS v4 🤝 pnpm 🤝 Notion as CMS 🤝 Custom Notion Renderer 🤝 Pagefind Search 🤝 Vercel + GitHub Actions. 🎉 You can read this post to understand the ideas behind and create your own a site like mine. 🎊 What's new in v7? Check this post. 🧡 If what I do is helpful to you for some reason, please consider supporting me. Thank you! Previous versions 👉 Version 1 (Jekyll): v1.dinhanhthi.com -- source. 👉 Version 2 (Jekyll): v2.dinhanhthi.com -- source. 👉 Version 3 (Jekyll): v3.dinhanhthi.com -- source. 👉 Version 4 (Gatsby, canceled at 60%): demo of what I did -- source. 👉 Version 5 (11ty): v5.dinhanhthi.com -- source. 👉 Version 6 (use separated notion-x repo): source. Architecture - CMS : Notion — all content lives in Notion databases - Build : All pages pre-rendered at build time via generateStaticParams (full SSG) - Search : Pagefind — client-side search, indexes HTML at build time - Deploy : Vercel — deployed via GitHub Actions (not Vercel's auto-build) - Schedule : GitHub Actions cron builds every 3 days to pull latest Notion content - OG Images : /api/og Edge Function on Vercel (free, no server needed) Dev You have to install globally Nodejs =22 (recommend using nvm) and pnpm first. Then Deployment How it works 1. GitHub Actions builds the site on a schedule (every 3 days) or on push to main / dev 2. During build, Next.js calls Notion API to fetch all content and pre-render every page 3. Pagefind indexes the generated HTML to create","default_branch":null,"files":null,"tree":[],"storefront":"/r/dinhanhthi","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/dinhanhthi/dinhanhthi.com/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}