Building a CMS without programming experience (www.vibediary.dev)

A solo “vibe coder” with minimal programming experience built a production blog CMS in a weekend using Claude Code, Next.js, Instant (as the database), and Vercel. Claude generated the site design, created schema and seed files, and scaffolded an /admin dashboard with a Markdown editor, image gallery, and publish/unpublish controls. The author used Claude’s Plan Mode to map static HTML into Instant tables, wired server-side fetches to make pages SEO-friendly, and added a magic-link authentication flow plus Instant permission rules (example: { "$default": { "allow": { "$default": "auth.email in ['adminemail@gmail.com']" } } }) to lock down editing. The project highlights how LLM-assisted development can empower nontraditional developers to ship real apps quickly while still needing human oversight for tricky edge cases. Key technical takeaways: client-side rendering breaks SEO (test by disabling JS), so fetch CMS content server-side; watch UI libraries (e.g., Framer Motion opacity) that can hide server-rendered content; avoid silent hard-coded fallbacks if you want visibility into data-fetch failures; and use database rules + magic links for simple auth. Overall, the author reached ~90% solo completion—Claude handled heavy lifting but occasional engineer input and iterative debugging were necessary, illustrating the practical limits and power of AI-augmented development.