How to set up a Next.js marketing website with AI in one afternoon

I've helped dozens of startups set up their marketing sites. The pattern is always the same: founders spend weeks evaluating WordPress themes, Webflow templates, or Squarespace plans. Then they spend another month trying to make it not look like a template. Then they give up and hire someone.

Here's the thing: if you're even slightly technical, or willing to talk to an AI like you'd talk to a developer, you can ship a better site in one afternoon than most agencies deliver in six weeks, for free, on a stack that actually scales. This is the exact setup I'd use today.

The stack

Next.js - React framework, handles routing, SEO, and performance out of the box
Tailwind CSS - utility-first styling, no CSS files to manage
Vercel - hosting, deploys on every git push, free tier is generous
Cursor or Claude Code - your AI pair programmer that writes the code

That's it. No CMS, no database, no 50 EUR/month hosting plan. Your content lives in your codebase as files and you edit them like documents.

Step 1: Prompt it

Open Cursor or Claude Code and tell it what you want. That's the whole step. No terminal commands, no config files, no Googling "how to install Node.js."

Here's an example:

Create a Next.js marketing website with a dark theme. I need a homepage with a hero section, an about page, a services page with three cards, and a contact page with a form that sends emails. Use Tailwind CSS, minimal design, good typography. The company is called [your name]. Add proper meta tags and Open Graph images for SEO.

The AI creates the project, installs dependencies, scaffolds every page, writes the components, sets up routing, and makes it responsive. You don't touch a terminal. You don't need to know what npx means. You describe the what, the AI handles the how.

Step 2: Iterate fast

The first output won't be perfect. That's fine. Talk to it like you'd talk to a designer:

"Make the hero section taller and add a gradient background"
"The services cards should have icons, use simple SVGs"
"Add a blog section that reads Markdown files from a /content folder"
"The mobile nav is broken, the menu doesn't close after clicking a link"

Each iteration takes seconds and you see the result instantly in your browser. This is the part that would take a developer days and cost you thousands, but with AI it's just a conversation.

Step 3: Deploy to Vercel

Push your code to GitHub, go to vercel.com, import the repo, and click deploy. Your site is live with HTTPS on a global CDN for free. Every time you push a change to GitHub it deploys automatically, so there's no FTP, no server management, and no downtime.

For a custom domain, buy one from Namecheap, Cloudflare, or wherever you prefer and add it in Vercel's dashboard. Takes about 2 minutes.

Step 4: Add the tools that matter

A website alone doesn't do anything. Here's what I'd plug in on day one.

Analytics: Glyphex

Skip Google Analytics because it's bloated, slow, and your visitors hate cookie banners. Glyphex gives you everything you need in a clean dashboard with no cookies and one script tag. Full disclosure: I built it and it's what I use on this site.

Email capture: Resend + a simple form

Don't pay 30 EUR/month for Mailchimp to send 200 emails. Resend has a generous free tier for transactional and marketing emails, and you can store subscribers in a free Supabase database or even a simple JSON file to start. Your AI can build the entire signup form, API route, and email sending flow in one prompt.

Social media automation: Yeetpost

This is the one most people miss. You've built the site, you're writing content. Now you need to distribute it. Manually posting to LinkedIn, X, and Instagram every day is a time sink that founders can't afford.

Yeetpost handles this. Write once, schedule everywhere. Also mine. I built it because I was tired of the same problem every founder has: you know you should post consistently, but you don't have time to do it manually across five platforms.

The play: write a blog post or update on your site, then use Yeetpost to automatically create and schedule social posts that link back to your content. Your website becomes the hub, social media becomes the distribution channel.

SEO: Just do the basics

Next.js handles the technical SEO for you. But you still need to:

Write proper meta titles and descriptions for every page. Ask the AI: "Add SEO metadata to all pages with proper titles and descriptions"
Add a sitemap. Next.js has built-in sitemap generation. One config file.
Set up Open Graph images. So your links look good when shared on social. The AI can generate these dynamically.
Write content regularly. A blog section with Markdown files is the easiest way to keep adding pages that rank.

What this costs

Hosting: 0 EUR (Vercel free tier)
Domain: ~10 EUR/year
Analytics: 0-9 EUR/month (Glyphex)
Email: 0 EUR (Resend free tier)
Social automation: depends on your plan
AI coding tool: 20 EUR/month (Cursor) or 20 EUR/month (Claude Code)

Total: under 30 EUR/month. Compare that to a WordPress setup with hosting, premium theme, plugins, and the constant anxiety of security updates.

Why Next.js and not WordPress, Wix, or Webflow

I built a tool that checks this. Try it.

WordPress powers 43% of the web. That's not a flex, that's a moat of legacy. It's slow, constantly needs updates, plugin hell, and every script kiddie on the planet knows how to exploit it. You'll spend more time maintaining it than building on it.

Wix and Squarespace are fine if you never want to do anything custom. The moment you need something that isn't in their template library, you're stuck. Your SEO is limited by what they allow you to control. You can't add custom structured data, you can't control your sitemap granularity, you can't implement proper canonical tags across dynamic content, and your Core Web Vitals are at the mercy of their platform bloat.

Webflow and Framer are better. Genuinely. But you're paying premium prices for a visual builder when an AI can write the actual code faster than you can drag and drop. And you still don't get full control over things like server-side redirects, dynamic sitemaps, or programmatic SEO at scale.

Next.js gives you:

Perfect Lighthouse scores out of the box. 100/100 performance is the default, not a goal you chase for months
Pages load in milliseconds because static pages are pre-rendered at build time and served from a CDN edge node closest to the visitor, with no server round-trip, no database query, and no PHP execution
Server-side rendering for SEO. Google gets fully rendered pages, not a blank div waiting for JavaScript
API routes for forms, webhooks, payments, anything. Your backend and frontend live in the same project
Image optimization built in. Next.js automatically resizes, compresses, and serves images in modern formats. No plugins, no manual optimization
Full SEO control including custom structured data (JSON-LD), dynamic sitemaps, canonical tags, hreflang for multilingual sites, Open Graph tags, and Twitter cards without ever hitting an "upgrade to pro to unlock meta descriptions" wall
Programmatic SEO ready out of the box, so if you want to generate 500 pages from a spreadsheet Next.js does that natively while WordPress needs 4 plugins and a prayer and Wix can't do it at all
Clean URLs, proper redirects, and server-side rendering, which is the stuff that actually moves rankings rather than what SEO plugins pretend to do
Total control over everything with no platform limitations, no monthly platform fees, and no vendor lock-in

A WordPress site typically loads in 2-5 seconds, a Wix site loads in 3-6 seconds, and a Next.js site on Vercel loads in under 500ms. That's not optimization, that's a completely different architecture.

The tradeoff used to be "you need to know how to code." That tradeoff no longer exists. The AI knows how to code.

The afternoon timeline

Here's a realistic timeline for someone who's never done this before:

Hour 1: Open Cursor or Claude Code, describe your site. Have a working homepage, navigation, and all pages scaffolded.

Hour 2: Iterate on design. Fix the details. Add a blog section. Make it yours.

Hour 3: Deploy to Vercel. Connect your domain. Add analytics. Set up email capture.

Hour 4: Write your first blog post. Set up Yeetpost to distribute it. Push live.

You now have a faster, more SEO-friendly, and more customizable website than 90% of businesses on the internet that costs essentially nothing to run and can be changed anytime by having a conversation with an AI.

One more thing

Every time you want to add something, just ask. "Add a pricing page with three tiers." "Add a testimonials section with a carousel." "Add a changelog page." "Make the site bilingual."

The AI doesn't get tired, it doesn't charge by the hour, and it doesn't need a brief document. You describe what you want, it builds it, and you ship it. Stop overthinking your website and just ship the thing.