📚 Schema & Modules

Screenshots of the Sanity Studio can be found here.

Documents🔗

High-level standalone data types, typically found in the sidebar of the Sanity Studio.

• Site — A singleton data type used to house any global data like header/footer menus and logos, etc.
• Page — webpage with a unique slug (permalink) composed "modules".
  • Use slug index for the Home page of the website.
  • Use slug 404 for the Page not found page of the website.
  • Use slug blog for the Blog page of the website.
• Blog post — like Page documents but with fields tailored to blog writing.
• Blog category
• Announcement — schedule-able hotline banner displayed above the site header. Make sure to assign in the Site document.
• Navigation — a collection of Links. For use with dropdowns/megamenus, social links, etc.
• Redirect
• Miscellaneous — a collection of reusable content that can be referenced within other documents/modules. Yours to add more and customize:
  • Logos
  • Pricing tiers
  • Reputation
    • entering a GitHub repo will automatically pull the star count and most recent stargazer avatars
  • Testimonials

Objects🔗

A collection of primitive fields, typically found inside Modules or Documents.

• CTA (Call-to-action) — a superset of Link with additional.
• Link — a collection of fields used to reference internal pages or link to external URLs.
• Link list — an array of Links, used in Navigation documents as dropdowns/megamenus, etc.
• Metadata — a collection of fields used for SEO purposes (title, description, slug, no-indexing, etc).

Modules🔗

Document schema types are composed of building blocks called modules (a.k.a "sections", Next.js components) that can be re-used and re-ordered. Modules are meant to be added and customized to suit your needs.

Each module will have the schema residing in the Sanity Studio and a counterpart component in the Next.js frontend.

• Accordion list [schema | frontend]
• Blog list [schema | frontend]
• Blog post content [schema | frontend]
• Breadcrumbs [schema | frontend]
• Creative module [schema | frontend] — composed of sub-modules and layout options to have more customizability.
• Custom HTML [schema | frontend]
• Flag list [schema | frontend]
• Hero [schema | frontend]
• Hero (SaaS) [schema | frontend]
• Hero (split) [schema | frontend]
• Logo list [schema | frontend]
• Pricing list [schema | frontend]
• Richtext module [schema | frontend]
• Stat list [schema | frontend]
• Step list [schema | frontend]
• Testimonial list [schema | frontend]
• Testimonial (featured) [schema | frontend]

See modules in action on the playground.