server all the actions!

app/notes/[slug]/counter.tsx

@@ -0,0 +1,27 @@
+import { connection } from "next/server";
+import commaNumber from "comma-number";
+import { prisma } from "../../../lib/helpers/prisma";
+
+const HitCounter = async ({ slug }: { slug: string }) => {
+  await connection();
+
+  try {
+    const { hits } = await prisma.hits.upsert({
+      where: { slug },
+      create: { slug },
+      update: {
+        hits: {
+          increment: 1,
+        },
+      },
+    });
+
+    // we have data!
+    return <span title={`${commaNumber(hits)} ${hits === 1 ? "view" : "views"}`}>{commaNumber(hits)}</span>;
+  } catch (error) {
+    console.error(error);
+    throw new Error();
+  }
+};
+
+export default HitCounter;