← All articles
#case study#Next.js#AI

How an AI built this site in a single session

2026-04-18

How an AI built this site in a single session

This site — levsha-lab.com — was designed and coded by an AI. No template, no block builder. From scratch: architecture, design, code, copy, SEO. In a single session.

Here's the honest breakdown.

Stack

  • Next.js 16 (App Router) — SSR/SSG, built-in SEO
  • TypeScript — strict typing, fewer bugs
  • Tailwind CSS v4 — utility-first, no separate CSS
  • MDX — blog as markdown files, no CMS
  • Resend — transactional emails from the contact form
  • Vercel — deploy and CDN

Nothing exotic. Everything works natively together.

What was built

  • Two-locale structure (/ru, /en) via a [locale] segment and middleware
  • Light and dark themes through CSS variables + data-theme on html
  • Canvas neural-network animation in the hero (two hubs — AI and HUMAN, connections, flowing glow)
  • 4 pages (home, portfolio, blog, contacts), contact form with email delivery
  • SEO: sitemap.xml, robots.txt, Open Graph, JSON-LD scaffold
  • Responsive layout, basic accessibility

What went wrong

Honestly — not everything on the first try.

  1. Tailwind v4 changed plugin syntax. @import "@tailwindcss/typography" no longer works — you need @plugin. First build failed, took a minute to fix.

  2. Next.js 16 renamed middlewareproxy. Docs haven't fully caught up. You rename the file and export a proxy function instead of middleware.

  3. Dev server cached the old middleware. Had to kill the process and wipe .next.

No disaster — just the working flow any developer knows.

Why this matters

Ten years ago, a site like this required weeks of work by a team: designer, front-end, back-end, SEO, project manager. Today, one AI under the supervision of one human does it in an hour.

That doesn't mean humans are obsolete. Architecture decisions, taste, accountability, the final review before production — still on the human. But the execution layer collapses into a single session.

That changes the economics of products. This workshop is an attempt to figure out exactly how.

What's next

Next steps:

  • Scheduled auto-generation of SEO articles
  • Paid APIs for AI agents (x402)
  • Publishing tools as open source

Want the same? Send a request.