I Built a Website in 15 Min Using AI !

I used to spend 3–4 days on a single portfolio page. Fighting CSS. Debugging JS at 2 AM. You know the vibe.

Then I learned to actually talk to AI — structured, specific prompts. Now I ship full sites in under 15 minutes. Here's exactly how.

Why Your Prompts Are Failing You

Bad prompt: "Make me a portfolio website." You get a generic Bootstrap page from 2015.

Good prompt:

"Build a mobile-first portfolio for a developer named Anupam. Dark theme, electric blue (#3B82F6), Inter body font, Space Grotesk headings. Sections: animated hero, project cards with GitHub links, skills with icons, contact form. Feel: premium SaaS. Stack: HTML, CSS custom properties, vanilla JS. No placeholder comments. Production-ready only."

The formula: WHO + LOOK + COLORS/FONTS + SECTIONS + STACK + VIBE

Always end with: "No TODOs. Complete, working code only."

The 15-Minute Workflow

You're not one-shotting it. You're having a conversation.

Refinement Prompts That Work

• "Hero is too plain. Add animated gradient + glowing CTA."
• "Hamburger menu broken under 768px. Fix nav only, keep rest."
• "Make it feel 30% more premium — spacing, scroll animations."

Best Stack to Build Fast in 2025

Portfolios & Landing Pages

• HTML + Tailwind CSS — AI writes Tailwind extremely well
• Vercel — one-click deploy, free tier, custom domains

Blogs & Content Sites

• Next.js — SSG/SSR, built for SEO rankings
• Astro — zero JS shipped by default, perfect Lighthouse scores
• Markdown/MDX — write posts, render as components

Apps & Dashboards

• React + Vite — fast dev, instant hot reload
• Supabase — open-source Firebase with Postgres
• Shadcn/UI — accessible components AI knows deeply

Skip in 2025: WordPress (bloated), Bootstrap (outdated), jQuery (it's not 2012).

4 AI Tricks Most Devs Miss

1. Feed it your existing code

"Here's my CSS: [paste]. Add dark mode using these variables."

2. Make it review itself

"Find bugs, accessibility issues, and performance problems in the code you just wrote. Then fix them."

3. Role prompt from the start

"You are a senior frontend engineer. You write clean, production-ready code. No outdated patterns."

4. Iterate, don't regenerate

"Fix only the navbar. Keep everything else identical."

What I've Shipped With This

• Full portfolio (hero, projects, skills, blog, contact) on Vercel
• SaaS landing page with pricing table and waitlist
• Admin dashboard with CRUD, charts, mobile sidebar
• This blog — custom CMS, AMP support, SEO structured data

Every first working version: under 20 minutes.

The Real Skill Now

It's not coding. It's knowing what to ask for and how to ask it.

Master that — 15 minutes is not an exaggeration.

Written by Anupam — developer, builder, perpetual tinkerer. More at Anupam Builds.