DEV Community

Cover image for I Built a Premium Next.js AI-Startup Template Almost Entirely Through Claude — Here's What Actually Happened
Mariemedev
Mariemedev

Posted on

I Built a Premium Next.js AI-Startup Template Almost Entirely Through Claude — Here's What Actually Happened

I just shipped Arclight, a premium AI-startup landing page template
(Next.js 15, TypeScript, Tailwind, Framer Motion), and the more
interesting part is probably how it got built.

I worked through it with Claude across 7 distinct phases — architecture
first, then global layout, then the home page section-by-section, then
the remaining pages, animation polish, SEO, and a final code review pass.

What actually happened, honestly:

  • The AI-written code type-checked clean, but real bugs still showed up once I ran npm run build in my own environment — a React 18/19 type mismatch that took a few rounds to actually pin down, and a CSS Grid bug where an unscoped col-span-2 was silently breaking the mobile layout by forcing a phantom implicit column.
  • I still had to do real debugging myself — at one point uploading my actual project zip back and forth to find what was genuinely different from what I thought I'd changed.
  • What worked well immediately: the full design system (colors, type, motion), all 12 home page sections, and 7 additional pages (blog, pricing, legal, etc.) — easily a week of manual work otherwise.

Live demo: https://ai-startup-template1.vercel.app/
Template: https://mariemedev.gumroad.com/ — 20% off this week, code LAUNCH

Curious if others here have used Claude/ChatGPT for a full build like
this rather than just snippets — what's held up for you vs. needed real
debugging?

Top comments (0)