Codex website starter for a site you can keep shipping.

This Codex website starter gives your team a complete Next.js marketing website that Codex can understand and edit. Start with your own brand, a reference design, or an existing site, then launch with SEO, GEO, lead capture, analytics, and release checks already connected.

An empty repository makes every website task start from zero.

Codex can build a page from a prompt. The expensive part is repeating your website goals, brand rules, content patterns, and launch requirements every time someone needs a new campaign or product page.

Use the template

The website brief lives in old chats

The next person has to explain the audience, offer, brand voice, design rules, and search priorities again before useful work can begin.

One-off pages drift from the brand

A broad prompt can produce a working page with different spacing, components, claims, and calls to action from the rest of the website.

A finished screen can still miss launch work

Mobile layout, metadata, forms, analytics, sitemap entries, and production settings need clear checks before the page is ready for customers.

Give Codex the context to build your marketing website.

The Agentic Website Template puts the website rules inside the repository. Codex can read the instructions, reuse the design system, update real pages, and run the same checks your team uses before launch.

See the three ways to use the template

Give Codex durable website instructions.

Keep context in the repository

AGENTS.md, the project plan, brand voice, examples, and route-level content give Codex useful context before it changes the website.

  • Store working rules beside the code
  • Keep the audience and website goals visible
  • Use the same guidance across future sessions

Launch from a finished visual direction.

Start with a real design system

Use the included reference design, bring your brand tokens, or ask Codex to explore a new direction while keeping the reusable layout rules intact.

  • Start from polished responsive layouts
  • Keep typography, color, and spacing consistent
  • Reuse components across real page families

Publish pages people and crawlers can read.

Stay ready for search

The starter renders important copy and links in HTML, with shared places for metadata, canonical URLs, structured data, robots rules, and sitemap entries.

  • Keep important answers in rendered page content
  • Apply metadata rules to every public route
  • Connect new pages through links and the sitemap

Keep lead capture inside the same website.

Turn pages into conversations

The included contact flow gives Codex a working pattern for forms, validation, attribution context, delivery, and the states a visitor needs to see.

  • Reuse an accessible form pattern
  • Carry useful page and campaign context
  • Test delivery before launch

Make every Codex change easier to check.

Review before publishing

Written launch requirements and automated checks help your team review the page, catch missing production details, and publish with a clear record.

  • Check the final mobile and desktop experience
  • Verify links, forms, metadata, and analytics
  • Run the same release checks as the site grows

Start your Codex website from useful context.

Open the repository in Codex and begin with one real page. The first review sets the message and visual direction, so every page that follows starts from decisions your team has already approved.

Start with the Agentic Website Template
  1. 01

    Open the starter in Codex

    Clone the repository, open the folder, and ask Codex to read README.md and AGENTS.md before it makes changes.

  2. 02

    Choose your design starting point

    Use the reference design, bring an existing brand system, or clone your current website into the starter.

  3. 03

    Build and review the homepage

    Give Codex your audience, offer, proof, and main action. Review the working page, mobile layout, and code changes together.

  4. 04

    Connect the site and launch

    Add your CMS, forms, analytics, domain, and deployment settings, then ask Codex to run the included checks.

Launch once. Keep the next website change moving.

A complete marketing website

Launch with reusable pages, search foundations, AI discovery files, lead capture, analytics support, and release checks already connected.

Shorter briefs for future pages

Tell Codex what the next page needs to achieve. The repository already holds the brand, design, content, and launch rules it should follow.

Changes your team can review

Review the working page, code diff, and automated checks before each update reaches the production website.

Codex website starter questions.

Straight answers for teams choosing a website foundation they plan to build and maintain with Codex.

What is a Codex website starter?

It is a ready-to-edit website repository with the structure, components, content guidance, design rules, and checks Codex needs to help your team launch and keep improving the site.

Can I use this starter with the Codex app, CLI, or IDE extension?

Yes. OpenAI supports Codex in a desktop app, terminal, and code editor. Open this repository in the Codex surface that fits your workflow and review its changes before publishing.

How does AGENTS.md help Codex edit the website?

Codex reads AGENTS.md before it starts work. The file can carry repository expectations, brand voice, SEO rules, testing requirements, and other guidance you want applied across website tasks.

Can Codex use my existing website design?

Yes. The repository includes a site-clone workflow for reproducing an existing website, including detailed layouts and interactions. You can also keep the reference design or start from your own brand brief.

Give Codex a better place to start your website.

Use the complete Agentic Website Template, clone an existing site into it, or copy the parts your current Next.js repository needs.

Use the template