Headless Umbraco with Astro: Zod schema from Swagger

ashhitch · July 30, 2025, 5:32pm

Anyone thats using Umbraco headless via Content Delivery API, managed to generate, a usable Zod schema?

Im trying to generate a schema for the Astro content collection using openapi-zod-client but its struggling with the complexity of the contend delivery API… seems OK with forms.

suedeapple · July 30, 2025, 6:05pm

Funnily enough I was looking at ASTRO today for use with Umbraco. I did a bit of vibe-coding with ChatGTP and it seemed to come up with some suggestions. Maybe vibe it out, and see if it can fill in the blanks.

rickbutterfield · July 30, 2025, 8:23pm

There was an Astro workshop at Codegarden with some use of Zod, give this repo (and this file particularly) a look!

github.com/jacksorjacksor/BuildYourOwnDeveloperBlogWithUmbraco15AndAstro

final-blog/Code/Frontend/src/content.config.ts

checkpoint

import { glob } from 'astro/loaders';
import { defineCollection, z } from 'astro:content';
import { getAllContentByType } from './services/ContentService';
import type { ZodType } from 'astro/zod';
import type { BlogArticlePageContentModel } from './umbraco-client/model';

const workshopExercise = defineCollection({
  loader: glob({ pattern: '**/*.md', base: './src/data/workshop/exercises' }),
  schema: z.object({
    title: z.string(),
    description: z.string(),
    sortOrder: z.number(),
  }),
});

const blog = defineCollection({
  loader: async () => {
    const response = await getAllContentByType('blogArticlePage');
    return response.map((article) => ({
      id: article.id,

This file has been truncated. show original

The API client is generated with Orval rather than hey-api or openapi-zod-client

ashhitch · July 31, 2025, 7:02am

Not tried Orval, so will give that a go and report back!