This article introduces how to integrate Pagefind, a lightweight full-text search engine that runs on the web, into a Next.js SSG (Static Site Generation) blog. Pagefind has limited support for Japanese. It covers specific setup steps, how to implement the search component, and code examples for type-safe retrieval of search results.
A comparison article about the technologies used when rebuilding an old blog with recent technologies. It provides a detailed explanation of the previous blog's tech stack, the reasons for choosing the new technologies, and the technologies that were not adopted.
To add random related articles at the bottom of blog posts (a common blog feature), I implemented an API in Next.js and then used amp-list to dynamically generate them.
How to serialize PNG files created with Python (especially matplotlib) into JSON and send them to the frontend.
When writing code, displaying the language name makes it easier to read. This can be achieved with CSS alone.
JavaScript's random functionality is quite inconvenient, so here's a summary of options and commonly used functions.
I had a blog on WordPress, but the performance was slow, so I rebuilt it with Next.js. Requirements, framework selection, and more.
I had a blog on WordPress, but the performance was slow, so I rebuilt it with Next.js. Now that markdown rendering works, it's time to apply styles.
I had a blog on WordPress, but the performance was slow, so I rebuilt it with Next.js. This article is about creating a custom loader for rendering MDX to make it AMP-compatible.