adding sanity components
This commit is contained in:
briannelson95
57
schemas/documents/blogs.ts
Normal file
57
schemas/documents/blogs.ts
Normal file
@@ -0,0 +1,57 @@
|
||||
import {ComposeIcon} from '@sanity/icons'
|
||||
|
||||
export default {
|
||||
name: 'blogs',
|
||||
title: 'Blogs',
|
||||
type: 'document',
|
||||
icon: ComposeIcon,
|
||||
fields: [
|
||||
{
|
||||
name: 'title',
|
||||
title: 'Title',
|
||||
type: 'string',
|
||||
},
|
||||
{
|
||||
name: 'slug',
|
||||
title: 'Slug',
|
||||
type: 'slug',
|
||||
options: {
|
||||
source: 'title',
|
||||
maxLength: 96,
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'description',
|
||||
title: 'Description',
|
||||
type: 'text',
|
||||
description: 'Enter a short snippit of the blog'
|
||||
},
|
||||
{
|
||||
name: 'mainImage',
|
||||
title: 'Main Image',
|
||||
type: 'image',
|
||||
options: [
|
||||
{
|
||||
hotspot: true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Categories',
|
||||
title: 'categories',
|
||||
type: 'array',
|
||||
of: [{type: 'reference', to: {type: 'categories'}}]
|
||||
},
|
||||
{
|
||||
name: 'publishedAt',
|
||||
title: 'Published at',
|
||||
type: 'datetime'
|
||||
},
|
||||
{
|
||||
name: 'body',
|
||||
title: 'Body',
|
||||
type: 'blockContent'
|
||||
}
|
||||
|
||||
],
|
||||
}
|
||||
20
schemas/documents/categories.ts
Normal file
20
schemas/documents/categories.ts
Normal file
@@ -0,0 +1,20 @@
|
||||
import { defineField, defineType } from 'sanity';
|
||||
|
||||
export const categories = defineType({
|
||||
name: 'categories',
|
||||
title: 'Categories',
|
||||
type: 'document',
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'name',
|
||||
title: 'Name',
|
||||
type: 'string',
|
||||
validation: Rule => Rule.required()
|
||||
}),
|
||||
defineField({
|
||||
name: 'description',
|
||||
title: 'Description',
|
||||
type: 'text'
|
||||
}),
|
||||
],
|
||||
})
|
||||
60
schemas/documents/frontend.ts
Normal file
60
schemas/documents/frontend.ts
Normal file
@@ -0,0 +1,60 @@
|
||||
import { defineField, defineType } from "sanity";
|
||||
|
||||
export const frontend = defineType({
|
||||
name: 'frontend',
|
||||
title: 'Frontend Mentor',
|
||||
type: 'document',
|
||||
fieldsets: [
|
||||
{
|
||||
name: 'options',
|
||||
options: {
|
||||
collapsible: true,
|
||||
collapsed: false
|
||||
}
|
||||
}
|
||||
],
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'title',
|
||||
title: 'Title',
|
||||
type: 'string',
|
||||
}),
|
||||
defineField({
|
||||
name: 'slug',
|
||||
title: 'Slug',
|
||||
type: 'slug',
|
||||
options: {
|
||||
source: 'title',
|
||||
maxLength: 96
|
||||
},
|
||||
}),
|
||||
defineField({
|
||||
name: 'qrCode',
|
||||
title: 'QR Code Component',
|
||||
type: 'qrCode',
|
||||
fieldset: 'options'
|
||||
}),
|
||||
defineField({
|
||||
name: 'resultsSummary',
|
||||
title: 'Results Summary',
|
||||
type: 'resultsSum',
|
||||
fieldset: 'options'
|
||||
}),
|
||||
defineField({
|
||||
name: 'productPrev',
|
||||
title: 'Product Preview',
|
||||
type: 'productInfo',
|
||||
fieldset: 'options'
|
||||
}),
|
||||
defineField({
|
||||
name: 'news',
|
||||
type: 'newsData',
|
||||
fieldset: 'options'
|
||||
}),
|
||||
defineField({
|
||||
name: 'launch',
|
||||
type: 'launchDate',
|
||||
fieldset: 'options'
|
||||
}),
|
||||
],
|
||||
})
|
||||
68
schemas/documents/homepage.ts
Normal file
68
schemas/documents/homepage.ts
Normal file
@@ -0,0 +1,68 @@
|
||||
import { defineField, defineType } from "sanity";
|
||||
|
||||
export const homepage = defineType({
|
||||
name: 'homepage',
|
||||
title: 'Homepage',
|
||||
type: 'document',
|
||||
fieldsets: [
|
||||
{
|
||||
name: 'seo',
|
||||
title: 'Metadata & SEO',
|
||||
description: 'Use these fields to override the default metadata',
|
||||
options: {
|
||||
collapsible: true,
|
||||
collapsed: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'title',
|
||||
title: 'Page Title'
|
||||
}
|
||||
],
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'title',
|
||||
title: 'Title',
|
||||
type: 'string',
|
||||
fieldset: 'title'
|
||||
}),
|
||||
defineField({
|
||||
name: 'slug',
|
||||
title: 'Slug',
|
||||
type: 'slug',
|
||||
options: {
|
||||
source: 'title',
|
||||
maxLength: 96
|
||||
},
|
||||
fieldset: 'title'
|
||||
}),
|
||||
defineField({
|
||||
name: 'body',
|
||||
title: 'Body',
|
||||
type: 'blockContent'
|
||||
}),
|
||||
defineField({
|
||||
name: 'cta',
|
||||
title: 'Call to Action',
|
||||
type: 'cta',
|
||||
}),
|
||||
defineField({
|
||||
name: 'tech',
|
||||
title: "Tech",
|
||||
type: 'array',
|
||||
of: [
|
||||
{
|
||||
type: 'reference',
|
||||
to: [
|
||||
{type: 'technologies'}
|
||||
]
|
||||
}
|
||||
]
|
||||
}),
|
||||
defineField({
|
||||
name: 'seo',
|
||||
type: 'seo',
|
||||
fieldset: 'seo'
|
||||
})
|
||||
],
|
||||
})
|
||||
34
schemas/documents/mediaLibrary.ts
Normal file
34
schemas/documents/mediaLibrary.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
import { defineField, defineType, validateBasePaths } from 'sanity';
|
||||
import { ImagesIcon } from '@sanity/icons'
|
||||
|
||||
export const mediaLibrary = defineType({
|
||||
name: 'media',
|
||||
title: 'Media Library',
|
||||
type: 'document',
|
||||
icon: ImagesIcon,
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'image',
|
||||
title: 'Image',
|
||||
type: 'image',
|
||||
options: {
|
||||
hotspot: true
|
||||
}
|
||||
}),
|
||||
defineField({
|
||||
name: 'alt',
|
||||
title: 'Alternative Text',
|
||||
type: 'string',
|
||||
validation: (Rule) => Rule.required().max(250),
|
||||
description: 'This is used for SEO and accessibility',
|
||||
}),
|
||||
],
|
||||
preview: {
|
||||
select: {
|
||||
title: 'alt',
|
||||
url: 'image.asset.url',
|
||||
media: 'image', //adding this makes the image show up in standard preview components
|
||||
},
|
||||
},
|
||||
})
|
||||
|
||||
12
schemas/documents/metadata.ts
Normal file
12
schemas/documents/metadata.ts
Normal file
@@ -0,0 +1,12 @@
|
||||
export default {
|
||||
name: 'metadata',
|
||||
title: 'Metadata',
|
||||
type: 'document',
|
||||
fields: [
|
||||
{
|
||||
name: 'customTitle',
|
||||
title: 'Custom Title',
|
||||
type: 'string',
|
||||
},
|
||||
],
|
||||
}
|
||||
21
schemas/documents/navigation.ts
Normal file
21
schemas/documents/navigation.ts
Normal file
@@ -0,0 +1,21 @@
|
||||
export default {
|
||||
name: 'navigation',
|
||||
title: 'Navigation',
|
||||
type: 'document',
|
||||
fields: [
|
||||
{
|
||||
name: 'navigation',
|
||||
title: 'Navigation Menu',
|
||||
type: 'array',
|
||||
of: [
|
||||
{
|
||||
type: 'reference',
|
||||
to: [
|
||||
{type: 'pages'},
|
||||
{type: 'homepage'}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
],
|
||||
}
|
||||
43
schemas/documents/newsPosts.ts
Normal file
43
schemas/documents/newsPosts.ts
Normal file
@@ -0,0 +1,43 @@
|
||||
import MyPreviewComponent from '@/components/MyPreviewComponent';
|
||||
import { defineField, defineType } from 'sanity';
|
||||
|
||||
export const newsPost = defineType({
|
||||
name: 'newsPost',
|
||||
title: 'News Posts',
|
||||
type: 'document',
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'title',
|
||||
title: 'Title',
|
||||
type: 'string'
|
||||
}),
|
||||
defineField({
|
||||
name: 'slug',
|
||||
title: 'Slug',
|
||||
type: 'slug',
|
||||
options: {
|
||||
source: 'title',
|
||||
maxLength: 96
|
||||
}
|
||||
}),
|
||||
defineField({
|
||||
name: 'image',
|
||||
type: 'reference',
|
||||
to: {
|
||||
type: 'media',
|
||||
components: {
|
||||
preview: MyPreviewComponent
|
||||
}
|
||||
},
|
||||
}),
|
||||
defineField({
|
||||
name: 'previewText',
|
||||
title: 'Preview Text',
|
||||
type: 'text'
|
||||
}),
|
||||
defineField({
|
||||
name: 'category',
|
||||
type: 'string'
|
||||
})
|
||||
],
|
||||
})
|
||||
50
schemas/documents/pages.ts
Normal file
50
schemas/documents/pages.ts
Normal file
@@ -0,0 +1,50 @@
|
||||
import { defineField, defineType } from "sanity";
|
||||
|
||||
export const pages = defineType({
|
||||
name: 'pages',
|
||||
title: 'Pages',
|
||||
type: 'document',
|
||||
fieldsets: [
|
||||
{
|
||||
name: 'seo',
|
||||
title: 'Metadata & SEO',
|
||||
description: 'Use these fields to override the default metadata',
|
||||
options: {
|
||||
collapsible: true,
|
||||
collapsed: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'title',
|
||||
title: 'Page Title'
|
||||
}
|
||||
],
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'title',
|
||||
title: 'Title',
|
||||
type: 'string',
|
||||
fieldset: 'title'
|
||||
}),
|
||||
defineField({
|
||||
name: 'slug',
|
||||
title: 'Slug',
|
||||
type: 'slug',
|
||||
options: {
|
||||
source: 'title',
|
||||
maxLength: 96
|
||||
},
|
||||
fieldset: 'title'
|
||||
}),
|
||||
defineField({
|
||||
name: 'body',
|
||||
title: 'Body',
|
||||
type: 'blockContent'
|
||||
}),
|
||||
defineField({
|
||||
name: 'seo',
|
||||
type: 'seo',
|
||||
fieldset: 'seo'
|
||||
})
|
||||
],
|
||||
})
|
||||
128
schemas/documents/projects.tsx
Normal file
128
schemas/documents/projects.tsx
Normal file
@@ -0,0 +1,128 @@
|
||||
import { defineField, defineType } from "sanity";
|
||||
import {Stack, Card, Flex } from '@sanity/ui'
|
||||
import { RocketIcon } from '@sanity/icons'
|
||||
|
||||
function MyPreviewComponent(props: any) {
|
||||
const {title, url} = props
|
||||
|
||||
return (
|
||||
<Flex align="center" justify="center" height="fill">
|
||||
<Card border padding={3}>
|
||||
<Stack space={3} marginBottom={3}>
|
||||
<img src={url} alt={title} style={{width: '100%'}} />
|
||||
</Stack>
|
||||
</Card>
|
||||
</Flex>
|
||||
)
|
||||
}
|
||||
|
||||
export const projects = defineType({
|
||||
name: 'projects',
|
||||
title: 'Projects',
|
||||
type: 'document',
|
||||
icon: RocketIcon,
|
||||
fieldsets: [
|
||||
{
|
||||
name: 'title',
|
||||
title: 'Title'
|
||||
},
|
||||
{
|
||||
name: 'projectLinks',
|
||||
title: 'Project Links'
|
||||
}
|
||||
],
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'title',
|
||||
title: 'Project Title',
|
||||
type: 'string',
|
||||
fieldset: 'title'
|
||||
}),
|
||||
defineField({
|
||||
name: 'slug',
|
||||
title: 'Slug',
|
||||
type: 'slug',
|
||||
options: {
|
||||
source: 'title',
|
||||
maxLength: 96
|
||||
},
|
||||
fieldset: 'title'
|
||||
}),
|
||||
defineField({
|
||||
name: 'order',
|
||||
title: 'Order',
|
||||
type: 'number',
|
||||
fieldset: 'title',
|
||||
}),
|
||||
defineField({
|
||||
name: 'description',
|
||||
title: 'Description',
|
||||
type: 'text',
|
||||
rows: 5
|
||||
}),
|
||||
defineField({
|
||||
name: 'featured',
|
||||
title: 'Featured',
|
||||
type: 'boolean',
|
||||
initialValue: false,
|
||||
fieldset: 'title'
|
||||
}),
|
||||
defineField({
|
||||
name: 'body',
|
||||
title: 'Body',
|
||||
type: 'blockContent',
|
||||
}),
|
||||
defineField({
|
||||
name: 'image',
|
||||
title: 'Main Image',
|
||||
type: 'reference',
|
||||
to: {
|
||||
type: 'media',
|
||||
components: {
|
||||
preview: MyPreviewComponent
|
||||
}
|
||||
},
|
||||
}),
|
||||
defineField({
|
||||
name: 'link',
|
||||
title: 'Link to Project',
|
||||
type: 'url',
|
||||
fieldset: 'projectLinks'
|
||||
}),
|
||||
defineField({
|
||||
name: 'github',
|
||||
title: 'GitHub Reop',
|
||||
type: 'url',
|
||||
fieldset: 'projectLinks'
|
||||
}),
|
||||
defineField({
|
||||
name: 'tags',
|
||||
title: 'Tags',
|
||||
type: 'array',
|
||||
of: [
|
||||
{
|
||||
type: 'reference',
|
||||
to: [
|
||||
{type: 'categories'}
|
||||
]
|
||||
}
|
||||
]
|
||||
}),
|
||||
defineField({
|
||||
name: 'stats',
|
||||
title: 'Statistics',
|
||||
type: 'array',
|
||||
of: [
|
||||
{
|
||||
type: 'stats',
|
||||
}
|
||||
]
|
||||
}),
|
||||
],
|
||||
preview: {
|
||||
select: {
|
||||
title: 'title',
|
||||
media: 'image'
|
||||
}
|
||||
}
|
||||
})
|
||||
27
schemas/documents/siteSettings.ts
Normal file
27
schemas/documents/siteSettings.ts
Normal file
@@ -0,0 +1,27 @@
|
||||
export default {
|
||||
name: 'siteSettings',
|
||||
title: 'Site Settings',
|
||||
type: 'document',
|
||||
fields: [
|
||||
{
|
||||
name: 'siteTitle',
|
||||
title: 'Site Title',
|
||||
type: 'string',
|
||||
},
|
||||
{
|
||||
name: 'contact',
|
||||
type: 'contact'
|
||||
},
|
||||
{
|
||||
name: 'logo',
|
||||
title: 'Logo',
|
||||
type: 'image'
|
||||
},
|
||||
{
|
||||
name: 'favicon',
|
||||
title: 'Favicon',
|
||||
type: 'image',
|
||||
description: 'This is used for the tab favicon as well as the mobile menu'
|
||||
},
|
||||
],
|
||||
}
|
||||
25
schemas/documents/technologies.ts
Normal file
25
schemas/documents/technologies.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import MyPreviewComponent from "@/components/MyPreviewComponent";
|
||||
import { defineField, defineType } from "sanity";
|
||||
|
||||
export const technologies = defineType({
|
||||
name: 'technologies',
|
||||
title: 'Technologies',
|
||||
type: 'document',
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'title',
|
||||
title: 'Title',
|
||||
type: 'string',
|
||||
}),
|
||||
defineField({
|
||||
name: 'image',
|
||||
type: 'reference',
|
||||
to: {
|
||||
type: 'media',
|
||||
components: {
|
||||
preview: MyPreviewComponent
|
||||
}
|
||||
},
|
||||
}),
|
||||
],
|
||||
})
|
||||
Reference in New Issue
Block a user