Awesome Sanity Studio v3

[kmelve]

Have you made something cool/fun/interesting/useful with Sanity Studio v3? Tell us about it!

[SimeonGriggs]

Sanity Studio embedded in a Remix app – with a Sanity UI designed, WordPress-inspired Admin Bar on the front end 🙌

https://www.loom.com/share/8d3a567d49a44b22ae688c214ca41a4c

[matt416]

Very cool

[mittnavnermike]

So nice 😍 Would love to see the code for this

[saiichihashimoto]

Made sanity-typed-schema-builder! Creating schemas will get you typescript types of your documents, mocks for testing, and a zod parser for parsing and transforming data, notably getting Date out of the datetime types.

[tbrasington]

Thank you for getting back to me. Yep, this is how I had it structured

export const PageSchema = s.document({
 name: "page",
 title: "Page",
   fields: [
    {
       name: "title",
      title: "Title",
       type: s.string()
     },

     {
       name: "body",
       title: "Body",
       type: s.array({
         of: [
           s.block({
             styles: [
               { title: "Normal", value: "normal" },
               { title: "H1", value: "h1" },
               { title: "H2", value: "h2" },
               { title: "H3", value: "h3" },
               { title: "H4", value: "h4" },
               { title: "Quote", value: "blockquote" }
             ],
             lists: [{ title: "Bullet", value: "bullet" }],
             
             marks: {
               decorators: [
                 { title: "Strong", value: "strong" },
                 { title: "Emphasis", value: "em" }
               ],
               annotations: [
                 {
                   title: "URL",
                   name: "link",
                   type: s.object({
                     fields: [
                       {
                         title: "URL",
                         name: "href",
                         type: s.url({})
                       }
                     ]
                   })
                 }
               ]
             }
           }),
           s.image({ options: { hotspot: true } })
         ]
       })
     }
   ],

   preview: {
     select: {
       title: "title",
       media: "opengraphImage"
     }
   }
 });

One thing that I can think of is that I am using this within Turborepo so there maybe some weird package dependency issues going on.

[saiichihashimoto]

weird... i don't even really understand what that error really means. type-fest is in dependencies, so I'm not sure what could be missing? For now, I'd install type-fest yourself which will probably fix it but... super weird.

[mattddean]

@saiichihashimoto I'm a big fan of the direction of this plugin, but I'm having trouble getting the Studio to recognize a schema it creates. What version of the sanity npm package are you on? I'm on "sanity": "3.0.0-dev-preview.22" and "sanity-typed-schema-builder": "1.15.11"

[mattddean]

I tried downgrading to 3.0.0-dev-preview.0 and it's recognizing my schema now. Since it seems like Sanity Studio is rapidly changing while in dev preview, maybe you'd consider making a note of the latest working version of the dev preview in your package's readme?

[saiichihashimoto]

I haven't been keeping it up with the new versions, they're iterating so fast! I think I defined specific versions of the dev preview, maybe not.

[ghost]

I just completed my new portfolio site with v3 of the Studio. Here's two articles I wrote about Sanity too. Great work to the community!
I rebuilt my portfolio site (again) – here's what I learned
Why content management was painful before Sanity

[stipsan]

Here's Themer:

Repo