logo
ia

Rebuilding a Website with AI: My Experience with Claude Code

3 min read
Rebuilding a Website with AI: My Experience with Claude Code

The Starting Point

AsuOs.ch is the website for my Swiss digital agency. It runs on Next.js (App Router), Contentlayer for MDX content, and Tailwind CSS for design. Technically, the site worked. But when I stepped back, the list of what was missing was long.

The site was 100% in French, even though my clients and network also include English and Portuguese speakers. I had accumulated 13 podcast episodes (Tech Culture Network) without a single associated blog post. Page navigation was raw, with no transitions or animations whatsoever. SEO had never been seriously audited. And essential service pages like SaaS and Sprint simply didn't exist.

The kind of backlog you push back week after week because "it takes too long".


The Turning Point

One evening, I opened my terminal and launched Claude Code, Anthropic's CLI tool. Not a chatbot in a browser, but an agent that runs directly in your terminal, reads your code, understands your architecture, and writes to your files.

I thought: "What if we tackled this list?"

8 hours later, here's what git log showed:

MetricValue
Commits40
Files modified185
Lines added~14,500
Lines deleted~3,300
New blog posts50 MDX files
Languages added3 (FR, EN, PT)
Effective working time~8 hours

I won't lie: when I saw these numbers, even I had a hard time believing them. So rather than cramming everything into a single post, I decided to walk you through this adventure step by step, one per day, this week.


How Does It Actually Work?

Before diving into the details of what was accomplished, let me explain the workflow. Because no, I didn't press a magic button.

The Principle

It all starts with a natural language description. I type something like "add internationalisation with next-intl" or "create blog posts from the podcast transcripts". Claude Code then analyses the codebase: it reads existing files, understands the architecture, identifies dependencies. Then it proposes and implements: writing code, creating files, modifying configurations. On my end, I review and adjust, sometimes a detail to correct, a style to adapt, a piece of logic to refine. And we iterate, each correction is immediate, no need to restart a full cycle.

It's pair programming with a teammate who knows your project, types at superhuman speed, and never gets tired.

What Changes Everything

The difference with a simple code generator is context. Claude Code doesn't generate generic code. It knows my project uses Contentlayer, that my routes follow the App Router pattern, that my primary colour is orange, that my blog posts are in MDX with specific frontmatter. It adapts everything to my project.


What to Expect This Week

Each day, I'll detail a major part of this rebuild.

Tomorrow, we tackle the biggest piece: how we went from a 100% French site to a trilingual one. The most massive undertaking, the one that touched every file in the project. Wednesday, I'll show you how 50 blog posts were generated from podcast transcripts. Thursday, the new service pages that didn't exist before. Friday, the animations and transitions that bring the site to life. Saturday, the full SEO audit that tightened everything up. And Sunday, the final wrap-up.

We start tomorrow with internationalisation. And trust me, it's not just "translating text"...

Toni Dias

Toni Dias

Full-Stack Developer at AsuOs

Ready to transform your digital business?

AsuOs supports you in your digital strategy with tailored solutions.