Web Surface

Product Surface

Your public website — marketing pages, content, blogs, portfolios, or a full site.

Your public face to the world

Build anything public — from simple landing pages to full content-driven websites. Marketing pages, blogs, portfolios, documentation sites, or complete web applications without auth.

What You Get

A high-performance website foundation, ready for any public content:

Fully public

No authentication required. Build websites, blogs, portfolios — anything visitors should access freely.

Flexible layouts

Header + footer layout works for marketing, content sites, blogs, and more. Easy to customize.

SEO & performance

Server-rendered, fast-loading pages. Built for search engines and Core Web Vitals.

CMS-ready

Connect to any headless CMS, or use Supabase via the App surface as a lightweight content backend.

When to Use It

Use this surface for any public content — from simple pages to full websites:

  • Full websites — Company sites, portfolios, agency sites
  • Content & blogs — Articles, resources, news, tutorials
  • Marketing pages — Landing pages, campaigns, product launches
  • Pricing & info — Pricing tables, about, team, contact
  • Legal & compliance — Terms, privacy policy, accessibility

Need dynamic content?

Connect to a headless CMS for full content management, or use Supabase via the App surface as a lightweight backend for blog posts, case studies, or other content.

Learn More

SurfacesHow surfaces workLayoutShell & header componentsDesignVisual patterns & tokens

For AI Agents

Key rules:

  • Public pages go in app/(web)/ for root URLs like /about
  • Use WebShell for layout — header + footer pattern
  • No sidebar navigation — use top navigation only
  • Prioritize SEO: use Server Components, add metadata exports
  • Read app/(web)/WEB.md for surface conventions