Skip to content
UT Studio
Search products
Templates

Marketing Site Template

A CMS-ready marketing site with the SEO foundation already built and verified.

€0 — see licence tiersVersion history
Latest version
1.0.0
Updated
Difficulty
Beginner
Licence
Free

Overview

A marketing site where every string lives in a typed content module rather than inside a component, so swapping in a headless CMS replaces the module bodies and nothing else. The SEO surface — canonicals, structured data, sitemap, RSS, llms.txt — is complete rather than sketched.

Screenshots

Home page in light theme

Home page in light theme

Features

  • Complete SEO surface

    Canonicals, Product and FAQ schema, breadcrumbs, sitemap, RSS and llms.txt.

  • CMS-ready content layer

    No copy inside components. Migration is replacing module bodies.

  • Audited accessibility

    One h1 per page, no skipped heading levels, skip link first in tab order.

Architecture

Content is data, layout is composition

Pages are ordered lists of sections. Sections own their internals, a Section wrapper owns vertical rhythm, and the content layer owns every word. Reordering a page is reordering elements.

Tech stack

Built with

What the product is implemented in.

Folder structure

Folder structure
app/
  (marketing)/        layout + routes
components/
  sections/           reusable blocks
content/              every string on the site
lib/                  seo · routes · icons

Requirements

Node.js
≥ 22.12LTS or current
Package manager
pnpm ≥ 10npm and yarn also work
Operating system
macOS, Linux, Windows (WSL2)

Installation

  1. Unpack the download

    The archive contains the full source. There is no installer and no post-install script.

    bash
    unzip marketing-site-template.zip
cd marketing-site-template

  2. Install dependencies

    bash
    pnpm install

  3. Configure the environment

    Copy the example file and fill in the variables listed under Environment variables.

    bash
    cp .env.example .env

Quick start

  1. Start the development server

    bash
    pnpm dev

  2. Verify the install

    Runs formatting, lint, type-check, tests and a production build.

    bash
    pnpm check

Environment variables

Environment variables
VariableRequiredDescription
NEXT_PUBLIC_APP_URLRequiredAbsolute origin of the deployment. Used for canonical URLs and metadata.https://app.example.com

Configuration

  • Navigation

    Navbar, footer and mobile drawer render from one array, so they cannot disagree.

    content/site.ts

Deployment

  • Vercel

    Zero-config. Set the environment variables listed above and connect the repository.

  • Docker

    A multi-stage Dockerfile is included, producing a standalone image with no build toolchain.

  • Any Node host

    Builds to a standard Node server. Nothing depends on a platform-specific runtime.

Compatibility

Framework and runtime versions this product supports
TechnologyVersionsStatus
Next.js≥ 15Supported

What changed in 1.0.0

First stable release.

  • addedSixteen routes composed from reusable sections.
  • addedSEO foundation with structured data on every page.

Version history

  1. 1.0.0

    First stable release.

    • addedSixteen routes composed from reusable sections.
    • addedSEO foundation with structured data on every page.

Dependencies

Roadmap

  1. PlannedQ4 2026

    MDX blog pipeline

    Frontmatter validation and link checking at build.

Documentation

Support

Frequently asked questions

Related products

Curated by us, not inferred — these are the ones that genuinely pair with it.

More from this category

Other products solving a similar problem.

Built with the same stack

Products that share a framework with this one.