Mume Blog

Mume Blog is a modern personal website and blog project built with the latest web technologies. It serves as a digital garden and portfolio, leveraging Next.js 15 and React 19 for a high-performance, server-side rendered foundation.

A key feature of this project is its integration with Notion as a Headless CMS (using react-notion-x). This allows for seamless content management where blog posts and pages can be written and formatted directly in Notion, then statically generated or server-rendered on the site.

The project also incorporates creative coding elements using p5.js (via @p5-wrapper/react), enabling interactive visual sketches and artistic experiments to be embedded directly into the web experience. Styling is handled by Tailwind CSS 4, ensuring a responsive and maintainable design system. It also supports mathematical notation with KaTeX and code syntax highlighting with PrismJS.