π devchan64.github.io
A personal tech blog built with Jekyll + GitHub Pages
π Visit the blog
π Project Overview
This blog is a lightweight platform that combines a static site generator and client-side rendering (CSR)
to enable search, automated translation, and data visualization β all with minimal server infrastructure.
Designed as a searchable archive of structured thinking, this blog balances scalability and maintenance-free operations.
π Tech Stack
π― Architectural Choices
β
Why Client-Side Rendering (CSR)?
- Enables interactive features like Pagefind search, views tracking, and dynamic translation
- Allows static content to support real-time, on-demand interactions without full server rendering
β
Why Minimal Server Infrastructure?
- Built on GitHub Pages to reduce deployment and infrastructure complexity
- Uses serverless APIs (Supabase, OpenAI) for dynamic features
- Eliminates the need to maintain any custom server
β¨ Key Features
β
Markdown-Based Content Management
- Blog posts are stored in the
_posts/ folder
- Metadata handled via YAML frontmatter (
title, tags, date, lang, etc.)
π OpenAI-Powered Auto Translation
- Detects updated posts and auto-generates English translations
- Translated files saved under
_posts/en/
- Automated PRs created via GitHub Actions
π Supabase-Based Page View Tracking
- Tracks views by page slug using Supabase as backend
- Secure with RLS (Row-Level Security) policies
- Future plan: Add dashboard visualization
βοΈ GitHub Actions Automation
- End-to-end CI/CD for build, deploy, translation, and PR creation
- Minimal manual work required β maximizes sustainability and automation
π Blog Topics
- Developer philosophy and systems thinking
- IoT architecture and operational experience
- Documentation culture for Digital Transformation (DX)
- Messaging systems and distributed system design notes
π Reference Links
- π Blog: https://devchan64.github.io
- π Supabase config files:
supabase/
- π€ Auto-translation workflow:
.github/workflows/translate.yml
π Purpose of This Blog
This blog is a personal lab for practicing a documentation-first development culture and a
context-driven approach to architecture and design.
π‘ βDocumentation is an asset. Structured records are reusable β and help systems evolve.β
π GitHub Repository
Explore this project on GitHub:
https://github.com/devchan64/devchan64.github.io