Build a Marketing Website

A landing page or content site that loads instantly, ranks well, and looks like you spent more on it than you did. Astro for content-heavy, Next.js if you also need auth/payments later.

Repos

Layers

Build time

A weekend

Outcome

See below

You will ship

A multi-page marketing site with blog, SEO meta, OG images, dark mode, and analytics.

How to feed this to your AI agent Browse the full directory

Framework

2 repos

withastro

astro

Ship static-first. Ship less JS. Use when there is no auth or dashboards.

Content-first framework with islands architecture. ~47k stars. Ships minimal JS, multi-framework component support (React + Vue + Svelte in …

vercel

next.js

Use Next when you know auth/payments are coming and want one codebase.

The React framework. ~128k stars. App Router is the bet — server components, server actions, edge runtime. 2026 sentiment is mixed: people l…

UI + Animation

1 repo

shadcn-ui

Hero, pricing, FAQ, navbar — copy in, customize, ship.

The default for Next.js builders in 2026. Not a dependency — you copy components into your codebase and own them forever. Built on Radix pri…

CMS

2 repos

payloadcms

payload

TypeScript-native, self-hostable, great for marketing teams who edit content.

TypeScript-native headless CMS. ~30k stars. Self-hostable, code-first schema, generated TypeScript types. Best choice in 2026 for builders w…

directus

Postgres-backed admin UI. Great when content lives in a relational DB.

Headless CMS layered on top of any SQL database. ~28k stars. Strong when you have an existing database and want a no-code admin UI bolted on…

8 more layers · 12 more repos · members only

Forms + Email capture2 repos
Analytics3 repos
Animation + motion1 repo
Icons + visuals1 repo
SEO essentials1 repo
Markdown / MDX content2 repos
Images1 repo
Search1 repo

12 more curated repos · unlock full access · members only

Unlock with lifetime membership.

Pay once. Full directory unlocked forever. No renewals, no surprise charges.

See pricing

How to build build a marketing website with AI

The 4-step AI workflow

The AI agents are good at code. They're bad at deciding what stack to use. This bundle does the second part. You bring the agent.

1
Ideate with ChatGPT or Claude.ai (web)
Paste your idea: “I'm building build a marketing website. Help me sharpen the product spec — features, edge cases, MVP scope.” Iterate for 10-15 minutes until you have a clear one-page brief.
2
Pick your coding agent
For this kind of bundle, we recommend Claude Code — Sonnet 4.6/4.7 handles full-stack multi-file reasoning best. See the install guide → Cursor and Codex are also great; pick the one you already pay for.

Feed this bundle to the agent

Open Claude Code / Cursor / Codex in an empty folder, then paste:

I'm building build a marketing website. Use this bundle as the source of truth for the stack:
https://stackpicks.dev/build/marketing-website

Brief from my product spec:
[paste your brief from step 1]

Follow the bundle order strictly:
  1. Framework
  2. UI + Animation
  3. CMS
  4. Forms + Email capture
  ...

Stop and confirm with me after each layer.

4
Wire one layer at a time, commit between each
Don't let the agent install everything before the first git commit. One layer = one commit. Catches drift early, easy rollback.

Beyond the bundle

1Ship the boring version first. The bundle above is the maximalist list. For an MVP, start with 60% of these and add the rest when real users ask.
2Deploy early. Push to Railway / Vercel after layer 02 (auth) — not after layer 09. Production breaks differently than localhost.
3Read CLAUDE.md / .cursor/rules in this repo for the project conventions your AI agent should follow.
4Iterate on the take. If a repo here doesn't fit your specific use case, tell us — contact — and we'll add a better one within 60 minutes.