first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/examples/cms-ghost/pages/_app.js
+++ b/examples/cms-ghost/pages/_app.js
@@ -0,0 +1,7 @@
+import "@/styles/index.css";
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
+
+export default MyApp;
--- a/examples/cms-ghost/pages/_document.js
+++ b/examples/cms-ghost/pages/_document.js
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from "next/document";
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
--- a/examples/cms-ghost/pages/api/exit-preview.js
+++ b/examples/cms-ghost/pages/api/exit-preview.js
@@ -0,0 +1,8 @@
+export default async function exit(_, res) {
+  // Exit Draft Mode by removing the cookie
+  res.setDraftMode({ enable: false });
+
+  // Redirect the user back to the index page.
+  res.writeHead(307, { Location: "/" });
+  res.end();
+}
--- a/examples/cms-ghost/pages/api/preview.js
+++ b/examples/cms-ghost/pages/api/preview.js
@@ -0,0 +1,28 @@
+import { getPreviewPostBySlug } from "@/lib/api";
+
+export default async function preview(req, res) {
+  // Check the secret and next parameters
+  // This secret should only be known to this API route and the CMS
+  if (
+    req.query.secret !== process.env.GHOST_PREVIEW_SECRET ||
+    !req.query.slug
+  ) {
+    return res.status(401).json({ message: "Invalid token" });
+  }
+
+  // Fetch the headless CMS to check if the provided `slug` exists
+  const post = await getPreviewPostBySlug(req.query.slug);
+
+  // If the slug doesn't exist prevent preview mode from being enabled
+  if (!post) {
+    return res.status(401).json({ message: "Invalid slug" });
+  }
+
+  // Enable Draft Mode by setting the cookie
+  res.setDraftMode({ enable: true });
+
+  // Redirect to the path from the fetched post
+  // We don't redirect to req.query.slug as that might lead to open redirect vulnerabilities
+  res.writeHead(307, { Location: `/posts/${post.slug}` });
+  res.end();
+}
--- a/examples/cms-ghost/pages/index.js
+++ b/examples/cms-ghost/pages/index.js
@@ -0,0 +1,43 @@
+import Container from "@/components/container";
+import MoreStories from "@/components/more-stories";
+import HeroPost from "@/components/hero-post";
+import Intro from "@/components/intro";
+import Layout from "@/components/layout";
+import { getAllPostsForHome } from "@/lib/api";
+import Head from "next/head";
+import { CMS_NAME } from "@/lib/constants";
+
+export default function Index({ allPosts }) {
+  const heroPost = allPosts[0];
+  const morePosts = allPosts.slice(1);
+  return (
+    <>
+      <Layout>
+        <Head>
+          <title>{`Next.js Blog Example with ${CMS_NAME}`}</title>
+        </Head>
+        <Container>
+          <Intro />
+          {heroPost && (
+            <HeroPost
+              title={heroPost.title}
+              coverImage={heroPost.feature_image}
+              date={heroPost.published_at}
+              author={heroPost.primary_author}
+              slug={heroPost.slug}
+              excerpt={heroPost.excerpt}
+            />
+          )}
+          {morePosts.length > 0 && <MoreStories posts={morePosts} />}
+        </Container>
+      </Layout>
+    </>
+  );
+}
+
+export async function getStaticProps({ preview }) {
+  const allPosts = (await getAllPostsForHome(preview)) || [];
+  return {
+    props: { allPosts },
+  };
+}
--- a/examples/cms-ghost/pages/posts/[slug].js
+++ b/examples/cms-ghost/pages/posts/[slug].js
@@ -0,0 +1,69 @@
+import { useRouter } from "next/router";
+import ErrorPage from "next/error";
+import Container from "@/components/container";
+import PostBody from "@/components/post-body";
+import MoreStories from "@/components/more-stories";
+import Header from "@/components/header";
+import PostHeader from "@/components/post-header";
+import SectionSeparator from "@/components/section-separator";
+import Layout from "@/components/layout";
+import { getAllPostsWithSlug, getPostAndMorePosts } from "@/lib/api";
+import PostTitle from "@/components/post-title";
+import Head from "next/head";
+import { CMS_NAME } from "@/lib/constants";
+
+export default function Post({ post, morePosts, preview }) {
+  const router = useRouter();
+  if (!router.isFallback && !post?.slug) {
+    return <ErrorPage statusCode={404} />;
+  }
+  return (
+    <Layout preview={preview}>
+      <Container>
+        <Header />
+        {router.isFallback ? (
+          <PostTitle>Loading…</PostTitle>
+        ) : (
+          <>
+            <article>
+              <Head>
+                <title>
+                  {`${post.title} | Next.js Blog Example with ${CMS_NAME}`}
+                </title>
+                <meta property="og:image" content={post.feature_image} />
+              </Head>
+              <PostHeader
+                title={post.title}
+                coverImage={post.feature_image}
+                date={post.published_at}
+                author={post.primary_author}
+              />
+              <PostBody content={post.html} />
+            </article>
+            <SectionSeparator />
+            {morePosts.length > 0 && <MoreStories posts={morePosts} />}
+          </>
+        )}
+      </Container>
+    </Layout>
+  );
+}
+
+export async function getStaticProps({ params, preview = null }) {
+  const { post, morePosts } = await getPostAndMorePosts(params.slug, preview);
+  return {
+    props: {
+      preview,
+      post,
+      morePosts: morePosts || [],
+    },
+  };
+}
+
+export async function getStaticPaths() {
+  const allPosts = (await getAllPostsWithSlug()) || [];
+  return {
+    paths: allPosts.map((post) => `/posts/${post.slug}`),
+    fallback: true,
+  };
+}