chore: add next with app router (#3595)

Author: ScriptedAlchemy

apps/next-app-router/README.md

@@ -0,0 +1 @@
+# Dont get excited, it doesnt work.

apps/next-app-router/next-app-router-4000/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

apps/next-app-router/next-app-router-4000/.gitignore

@@ -0,0 +1,37 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+/.yarn
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*
+!.env*.example
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo

apps/next-app-router/next-app-router-4000/.npmrc

@@ -0,0 +1 @@
+save-exact=true

apps/next-app-router/next-app-router-4000/.prettierignore

@@ -0,0 +1,2 @@
+.next
+pnpm-lock.yaml

apps/next-app-router/next-app-router-4000/app/api/categories/category.d.ts

@@ -0,0 +1,6 @@
+export type Category = {
+  name: string;
+  slug: string;
+  count: number;
+  parent: string | null;
+};

apps/next-app-router/next-app-router-4000/app/api/categories/getCategories.ts

@@ -0,0 +1,52 @@
+import { notFound } from 'next/navigation';
+import type { Category } from './category';
+
+// `server-only` guarantees any modules that import code in file
+// will never run on the client. Even though this particular API
+// doesn't currently use sensitive environment variables, it's
+// good practice to add `server-only` preemptively.
+import 'server-only';
+
+export async function getCategories({ parent }: { parent?: string } = {}) {
+  const res = await fetch(
+    `https://app-playground-api.vercel.app/api/categories${
+      parent ? `?parent=${parent}` : ''
+    }`,
+  );
+
+  if (!res.ok) {
+    // Render the closest `error.js` Error Boundary
+    throw new Error('Something went wrong!');
+  }
+
+  const categories = (await res.json()) as Category[];
+
+  if (categories.length === 0) {
+    // Render the closest `not-found.js` Error Boundary
+    notFound();
+  }
+
+  return categories;
+}
+
+export async function getCategory({ slug }: { slug: string }) {
+  const res = await fetch(
+    `https://app-playground-api.vercel.app/api/categories${
+      slug ? `?slug=${slug}` : ''
+    }`,
+  );
+
+  if (!res.ok) {
+    // Render the closest `error.js` Error Boundary
+    throw new Error('Something went wrong!');
+  }
+
+  const category = (await res.json()) as Category;
+
+  if (!category) {
+    // Render the closest `not-found.js` Error Boundary
+    notFound();
+  }
+
+  return category;
+}