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 & StartupsSan Francisco
Clean, high-converting layout for modern software companies and agencies.
Soon
Healthcare & WellnessBoston
Calm, professional, and refined. Designed for practitioners and consultants.
Soon
Creative StudiosAustin
Bold typography and expressive layouts for studios and independent creators.
Vard
The dashboard developers leave behind for their clients.