I Built a Website Called saneatsu.me

This site, to be exact.

Technology Stack

• Frontend
  • Next.js
  • Tailwind CSS
  • shadcn/ui
  • Zod
  • remark
  • Vitest
  • Storybook
  • Playwright
• Backend
  • Hono
  • OpenAPI
• DB / Infrastructure
  • Turso
  • Cloudflare Worker
  • Cloudflare Images

Motivation

• Until now, I've changed writing platforms many times—from Qiita to Hatena Blog to Zenn—but I want to properly accumulate my thoughts.
• To satisfy my desire to nurture my own product.
• I had also been continuously writing learning memos in Google Docs, but I wanted to properly structure them in a way that could be shared with others.
  • I want to clearly articulate the background and reasons behind my thoughts.
• Rather than just managing articles with tags like a blog, I wanted to create a network of links, inspired by the philosophy of Consense (formerly Scrapbox) and Obsidian.
  • In the administration panel's editor, links display their destinations, similar to Consense.
  • Additionally, while tag functionality exists, I primarily intend to use broad categories like "Work," "Development," and "Diary."
  • ref: Hierarchical Wiki Does Not Scale
• I want to be able to easily publish even drafts or rough articles.
  • By actively writing, even if it's rough, I'll become better at writing.
  • Publish first, organize later.
  • With platforms like Zenn, it's not easy to publish casually. You need to rethink and organize thoroughly beforehand.
• I want to disable comments on articles.

First, I'm trying to build a tool for myself. That's important.

How it was Made

While developing my main product, I built this site as a diversion, primarily by giving instructions to AI.
Running two or three instances of Claude Code would hit the weekly limit in about 4-5 days, so I used it in conjunction with Codex.

I did often make proper manual adjustments.
For the last two weeks, I really dug into developing the fine details.
It felt like "cleaning before a test" – I ended up developing this to escape from what I really should have been doing.
It's good that I built it, but it's also not ideal.

Actually, last year I spent about a year building something like a curation site with Remix. This site, which has a similar volume, was created in less than a quarter of that time.

Impressions

The Good Parts

Simply put, the best part was that building it myself was fun.

Also, I have an overwhelming sense of attachment to it.
There's joy in nurturing both the articles and the product.

With the increase in convenient services and the emergence of AI agents, coupled with the growth of my own skills to leverage them, I'm delighted to be able to build what I envision.

The Challenges

Hmm. Nothing in particular.
AI is the best! It's quick, easy, and fun to build with!

The operating cost is also around $5/month.
This $5 is for using Cloudflare Images and having it handle things nicely, rather than struggling with Cloudflare R2.
Also, as mentioned below, I want to create a gallery, so that approach seems better in the long run.

Future Plans

• I see and think about many things daily, so I want to implement improvements that allow for easier accumulation of these thoughts.
• There are quite a few bugs, so I'll fix them gradually.
• I want to add a "Gallery" section to display photos I've taken, and similar content.
  • — like Anthony Fu's page, the developer of Vue.js and other technologies.
    • → Built it 5 days later.
• I'd like to feed the article content to AI, summarize my thoughts, and then be able to interact with it through conversation.