Add Blog Functionality

.github/workflows/build.yml

@@ -24,3 +24,7 @@ jobs:
 
       - name: Build Next.js App
         run: bun run build
+        env:
+          NEXT_PUBLIC_GTM_ID: ${{ secrets.NEXT_PUBLIC_GTM_ID }}
+          NEXT_PUBLIC_SANITY_PROJECT_ID: ${{ secrets.NEXT_PUBLIC_SANITY_PROJECT_ID }}
+          NEXT_PUBLIC_SANITY_DATASET: ${{ secrets.NEXT_PUBLIC_SANITY_DATASET }}

app/(admin)/studio/[[...tool]]/page.tsx

@@ -0,0 +1,17 @@
+/**
+ * This route is responsible for the built-in authoring environment using Sanity Studio.
+ * All routes under your studio path is handled by this file using Next.js' catch-all routes:
+ * https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes
+ *
+ * You can learn more about the next-sanity package here:
+ * https://github.com/sanity-io/next-sanity
+ */
+
+import { NextStudio } from "next-sanity/studio";
+import config from "../../../../sanity.config";
+
+export { metadata, viewport } from "next-sanity/studio";
+
+export default function StudioPage() {
+  return <NextStudio config={config} />;
+}

app/(root)/blog/[slug]/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { getPostBySlug } from "@/lib/blog";
+import { ArticleSplash } from "@/components/blog/article-splash";
+import { ArticleNotFoundPage } from "@/components/blog/article-not-found";
+import dynamic from "next/dynamic";
+import { Post } from "@/sanity/schemaTypes/postType";
+
+const ArticleContentClient = dynamic<{
+  article: Post;
+}>(
+  () =>
+    import("@/components/blog/article-content").then(
+      (mod) => mod.ArticleContent
+    ),
+  { ssr: false }
+);
+
+export default async function Article({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const slug = (await params).slug;
+
+  const post = await getPostBySlug(slug);
+
+  if (!post || post.length === 0) {
+    return <ArticleNotFoundPage />;
+  }
+
+  return (
+    <div className="mb-24 px-5 lg:px-40">
+      <div className="flex flex-col items-center justify-center">
+        <div className="max-w-[800px]">
+          <ArticleSplash article={post[0]} />
+          <ArticleContentClient article={post[0]} />
+        </div>
+      </div>
+    </div>
+  );
+}

app/(root)/blog/page.tsx

@@ -0,0 +1,15 @@
+import { getUsedTags, getLatestArticle, getPosts } from "@/lib/blog";
+import BlogClient from "@/components/sections/blog/blog-client";
+
+export default async function Blog() {
+  const tags = await getUsedTags();
+
+  const searchParams = new URLSearchParams();
+  const selectedTag = searchParams.get("tag") || "";
+  const search = searchParams.get("search") || "";
+
+  const posts = await getPosts(selectedTag, search);
+  const latestBlog = await getLatestArticle();
+
+  return <BlogClient posts={posts} latestBlog={latestBlog} tags={tags} />;
+}

app/(root)/download/[platform]/page.tsx

@@ -4,8 +4,6 @@ import { SupportedPlatform } from "@/components/sections/download/supported-plat
 import { Help } from "@/components/sections/download/help";
 import { Information } from "@/components/sections/download/information";
 
-export const runtime = "edge";
-
 export default async function DownloadPlatform({
   params,
 }: {

app/(root)/download/page.tsx

@@ -5,8 +5,6 @@ import { useEffect } from "react";
 import { detect } from "detect-browser";
 import { platformMapping } from "@/constants/platformMapping";
 
-export const runtime = "edge";
-
 export default function Download() {
   const router = useRouter();
 

app/(root)/page.tsx

@@ -4,8 +4,6 @@ import dynamic from "next/dynamic";
 import { Hero } from "@/components/sections/landing/hero";
 import { ProductShowcase } from "@/components/sections/landing/product-showcase";
 
-export const runtime = "edge";
-
 const Features = dynamic(
   () =>
     import("@/components/sections/landing/features").then(