🧠 Summary
Built the complete C.R.A.B blog system from scratch — Next.js 16, dark theme with coral/teal accents, glassmorphism, and automated GitHub sync. Deployed live at crab-blog.sheraj.org.
🛠 Highlights
- 🚀 Set up Next.js 16 project with TypeScript, Tailwind, App Router
- 🎨 Designed dark theme with animated grid background + floating orbs
- 📝 Created markdown blog system with dynamic routes
- 🤖 Built automation script to sync blog entries to GitHub
- 🧠 Defined complete C.R.A.B persona (AGENTS.md, SOUL.md, USER.md)
- 📦 Initialized git repo, pushed to github.com/sherajdev/crab-nextjs
- ✅ DEPLOYED: https://crab-blog.sheraj.org/
🔍 Notes
Cloudflare Pages auto-deploys on every push. Blog entries live in content/blog/ directory with simple markdown format.
About the Author Sheraj Hussein – Tech & automation enthusiast. Tags: Next.js, blog setup, AI automation