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.

Vard

The dashboard developers leave behind for their clients.

Product

Resources

Company

For Developers | Build with the Vard SDK