30f30af320
[ch2842] - Demo: https://next-blog-storyblok.now.sh/ - Preview Mode: https://next-blog-storyblok.now.sh/api/preview?secret=5nnybHTKlbzkOa6r&slug=draft-post-test
137 lines
2.4 KiB
JavaScript
137 lines
2.4 KiB
JavaScript
async function fetchAPI(query, { variables, preview } = {}) {
|
|
const res = await fetch('https://gapi.storyblok.com/v1/api', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
Token: process.env.NEXT_EXAMPLE_CMS_STORYBLOK_API_KEY,
|
|
Version: preview ? 'draft' : 'published',
|
|
},
|
|
body: JSON.stringify({
|
|
query,
|
|
variables,
|
|
}),
|
|
})
|
|
|
|
const json = await res.json()
|
|
if (json.errors) {
|
|
console.error(json.errors)
|
|
throw new Error('Failed to fetch API')
|
|
}
|
|
|
|
return json.data
|
|
}
|
|
|
|
export async function getPreviewPostBySlug(slug) {
|
|
const post = await fetchAPI(
|
|
`
|
|
query PostBySlug($slug: ID!) {
|
|
PostItem(id: $slug) {
|
|
slug
|
|
}
|
|
}
|
|
`,
|
|
{
|
|
preview: true,
|
|
variables: {
|
|
slug: `posts/${slug}`,
|
|
},
|
|
}
|
|
)
|
|
return post
|
|
}
|
|
|
|
export async function getAllPostsWithSlug() {
|
|
const data = await fetchAPI(`
|
|
{
|
|
PostItems {
|
|
items {
|
|
slug
|
|
}
|
|
}
|
|
}
|
|
`)
|
|
return data?.PostItems.items
|
|
}
|
|
|
|
export async function getAllPostsForHome(preview) {
|
|
const data = await fetchAPI(
|
|
`
|
|
{
|
|
PostItems(sort_by: "first_published_at:desc") {
|
|
items {
|
|
slug
|
|
published_at
|
|
first_published_at
|
|
content {
|
|
long_text
|
|
intro
|
|
title
|
|
image
|
|
author {
|
|
name
|
|
content
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`,
|
|
{ preview }
|
|
)
|
|
return data?.PostItems.items
|
|
}
|
|
|
|
export async function getPostAndMorePosts(slug, preview) {
|
|
const data = await fetchAPI(
|
|
`
|
|
query PostBySlug($slug: ID!) {
|
|
PostItem(id: $slug) {
|
|
slug
|
|
published_at
|
|
first_published_at
|
|
id
|
|
content {
|
|
long_text
|
|
intro
|
|
title
|
|
image
|
|
author {
|
|
name
|
|
content
|
|
}
|
|
}
|
|
}
|
|
PostItems(per_page: 3, sort_by: "first_published_at:desc") {
|
|
items {
|
|
slug
|
|
published_at
|
|
first_published_at
|
|
content {
|
|
long_text
|
|
intro
|
|
title
|
|
image
|
|
author {
|
|
name
|
|
content
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`,
|
|
{
|
|
preview,
|
|
variables: {
|
|
slug: `posts/${slug}`,
|
|
},
|
|
}
|
|
)
|
|
|
|
return {
|
|
post: data?.PostItem,
|
|
morePosts: (data?.PostItems?.items || [])
|
|
.filter((item) => item.slug !== slug)
|
|
.slice(0, 2),
|
|
}
|
|
}
|