runtm init static-site
cd static-site
runtm run

static-site/
├── runtm.yaml              # Deployment manifest
├── runtm.discovery.yaml    # Search metadata
├── Dockerfile              # Container build
├── package.json            # Node dependencies
├── app/
│   ├── layout.tsx          # Root layout
│   ├── page.tsx            # Home page
│   └── globals.css         # Global styles
├── components/
│   ├── layout/
│   │   ├── Header.tsx
│   │   └── Footer.tsx
│   ├── pages/              # Page-specific components
│   └── sections/           # Reusable sections
├── public/
│   ├── health              # Static health file
│   └── images/
├── tailwind.config.js
├── next.config.js
├── README.md
├── AGENT.md
└── CLAUDE.md

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  trailingSlash: true,
  images: {
    unoptimized: true,
  },
};

module.exports = nextConfig;

OK

// app/about/page.tsx
export default function AboutPage() {
  return (
    <main className="container mx-auto px-4 py-8">
      <h1 className="text-4xl font-bold">About Us</h1>
      <p>Your content here...</p>
    </main>
  );
}

<div className="bg-gradient-to-r from-purple-500 to-pink-500">
  <h1 className="text-4xl font-bold text-white">
    Welcome
  </h1>
</div>

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles */
.hero-gradient {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

// components/ui/Button.tsx
interface ButtonProps {
  children: React.ReactNode;
  variant?: 'primary' | 'secondary';
}

export function Button({ children, variant = 'primary' }: ButtonProps) {
  const styles = {
    primary: 'bg-blue-600 text-white hover:bg-blue-700',
    secondary: 'bg-gray-200 text-gray-800 hover:bg-gray-300',
  };

  return (
    <button className={`px-4 py-2 rounded ${styles[variant]}`}>
      {children}
    </button>
  );
}

import { Button } from '@/components/ui/Button';

export default function Page() {
  return <Button variant="primary">Get Started</Button>;
}

# Run with hot reload
runtm run

# Or manually with Bun (faster)
bun install
bun run dev

# Or with npm
npm install
npm run dev

# Build static export
npm run build

# Output is in 'out/' directory

# Validate
runtm validate

# Deploy
runtm deploy

FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=builder /app/out /usr/share/nginx/html
COPY nginx.conf /etc/nginx/nginx.conf
EXPOSE 3000
CMD ["nginx", "-g", "daemon off;"]

// app/layout.tsx
import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'My Site',
  description: 'A great website',
  openGraph: {
    title: 'My Site',
    description: 'A great website',
    images: ['/og-image.png'],
  },
};

// app/about/page.tsx
export const metadata = {
  title: 'About | My Site',
  description: 'Learn more about us',
};