For Developers

Build with the SDK.
Templates coming soon.

Start building today with @vard-app/sdk. Define your schema in TypeScript, deploy your site, and your clients get a dashboard to edit content — automatically.

Getting Started

Define once. Deploy forever.

Declare your content schema in TypeScript. Vard syncs it to the client dashboard on every deploy.

lib/vard.ts
import { createVardNext } from "@vard-app/sdk/next";
import { v } from "@vard-app/sdk";

export const vard = createVardNext({
  apiKey: process.env.VARD_API_KEY,
  schema: {
    hero: {
      title: v.string("Welcome to my site"),
      subtitle: v.string("A short description"),
      image: v.image(),
    },
    team: v.collection({
      name: v.string("Team member"),
      role: v.string("Role"),
      photo: v.image(),
    }),
  },
});

// In your page:
const { hero, team } = await vard.get();
Coming Soon

Production-ready templates.

We're building a library of polished, fully-integrated templates built on top of the Vard SDK. Sign up to get early access.

Soon
Tech & Startups

San Francisco

Clean, high-converting layout for modern software companies and agencies.

Soon
Healthcare & Wellness

Boston

Calm, professional, and refined. Designed for practitioners and consultants.

Soon
Creative Studios

Austin

Bold typography and expressive layouts for studios and independent creators.