Added Taxonomy Collections & Readers

keystatic.config.ts

@@ -1,8 +1,12 @@
 import { config } from '@keystatic/core';
 
+import taxonomyCollections from '@/keystatic/collections/taxonomy';
+
 export default config({
   storage: {
     kind: 'local',
   },
-  collections: {},
+  collections: {
+    ...taxonomyCollections,
+  },
 });

src/app/(cms)/api/keystatic/[...params]/route.ts

@@ -1,5 +1,5 @@
 import { makeRouteHandler } from '@keystatic/next/route-handler';
-import { config } from '~/keystatic.config';
+import config from '~/keystatic.config';
 
 export const { POST, GET } = makeRouteHandler({
   config,

src/keystatic/collections/taxonomy/authors.ts

@@ -0,0 +1,23 @@
+import { collection, fields } from '@keystatic/core';
+
+export default collection({
+  label: 'Authors',
+  slugField: 'name',
+  path: 'content/taxonomy/authors/*',
+  schema: {
+    name: fields.slug({
+      name: {
+        label: 'Name',
+      },
+    }),
+    avatar: fields.image({
+      label: 'Avatar',
+      directory: 'public/images/authors',
+      publicPath: '/images/authors',
+    }),
+    description: fields.text({
+      label: 'Description',
+      multiline: true,
+    }),
+  },
+});

src/keystatic/collections/taxonomy/index.ts

@@ -0,0 +1,9 @@
+import tags from '@/keystatic/collections/taxonomy/tags';
+import authors from '@/keystatic/collections/taxonomy/authors';
+
+const taxonomyCollection = {
+  tags: tags,
+  authors: authors,
+};
+
+export default taxonomyCollection;

src/keystatic/collections/taxonomy/tags.ts

@@ -0,0 +1,21 @@
+import { collection, fields } from '@keystatic/core';
+
+export default collection({
+  label: 'Tags',
+  slugField: 'name',
+  path: 'content/taxonomy/tags/*',
+  format: {
+    data: 'json',
+  },
+  schema: {
+    name: fields.slug({
+      name: {
+        label: 'Name',
+      },
+    }),
+    description: fields.text({
+      label: 'Description',
+      multiline: true,
+    }),
+  },
+});

src/lib/readers/base.ts

@@ -0,0 +1,7 @@
+import { createReader } from '@keystatic/core/reader';
+import { cache } from 'react';
+import keystaticConfig from '~/keystatic.config';
+
+export const reader = createReader(process.cwd(), keystaticConfig);
+
+export { cache };

src/lib/readers/taxonomy/authors.ts

@@ -0,0 +1,8 @@
+import { cache, reader } from '@/lib/readers/base';
+
+export const getAuthors = cache(async () => reader.collections.authors.all());
+
+export const getAuthorBySlug = cache(async (slug: string) => {
+  const author = await reader.collections.authors.read(slug);
+  return author ? { ...author, slug } : null;
+});

src/lib/readers/taxonomy/tags.ts

@@ -0,0 +1,8 @@
+import { cache, reader } from '@/lib/readers/base';
+
+export const getTags = cache(async () => reader.collections.tags.all());
+
+export const getTagBySlug = cache(async (slug: string) => {
+  const tag = await reader.collections.tags.read(slug);
+  return tag ? { ...tag, slug } : null;
+});