Ported sanity studio to Next js app

app/(site)/[locale]/[...slug]/pages/category-page.tsx

@@ -0,0 +1,26 @@
+import Search from '@/components/search/search';
+import SearchResult from '@/components/search/search-result';
+import Text from '@/components/ui/text/text';
+
+interface CategoryPageParams {
+  data: object | any;
+}
+
+export default function CategoryPage({ data }: CategoryPageParams) {
+  const category = data;
+
+  const { title } = category;
+
+  return (
+    <div className="my-8 flex w-full flex-col px-4 lg:my-12 lg:px-8 2xl:px-16">
+      {title && (
+        <Text className="mb-8 lg:mb-12" variant="pageHeading">
+          {title}
+        </Text>
+      )}
+      <Search isCategory placeholder={title.toLowerCase()}>
+        <SearchResult />
+      </Search>
+    </div>
+  );
+}

app/(site)/[locale]/[...slug]/pages/product-page.tsx

@@ -0,0 +1,28 @@
+import ProductView from '@/components/product/product-view';
+interface ProductPageParams {
+  data: object | any;
+}
+
+export default function ProductPage({ data }: ProductPageParams) {
+  const product = data;
+
+  const productJsonLd = {
+    '@context': 'https://schema.org',
+    '@type': 'Product',
+    name: product.name,
+    description: product.description,
+    image: product.images[0].asset.url
+  };
+
+  return (
+    <>
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify(productJsonLd)
+        }}
+      />
+      <ProductView product={product} relatedProducts={[]} />;
+    </>
+  );
+}

app/(site)/[locale]/[...slug]/pages/single-page.tsx

@@ -0,0 +1,13 @@
+import DynamicContentManager from '@/components/layout/dynamic-content-manager/dynamic-content-manager';
+
+interface SinglePageParams {
+  data: object | any;
+}
+
+export default function SinglePage({ data }: SinglePageParams) {
+  return (
+    <>
+      <DynamicContentManager content={data?.content} />;
+    </>
+  );
+}