Nextra incremental upgrade (authzed#418)

Author: tstirrat15

.github/workflows/cla.yaml

@@ -1,6 +1,6 @@
 ---
 name: "CLA"
-on:  # yamllint disable-line rule:truthy
+on: # yamllint disable-line rule:truthy
   issue_comment:
     types:
       - "created"

.github/workflows/link-checker-full.yaml

@@ -3,7 +3,7 @@ name: "Link Checker with External Links"
 
 on:
   schedule:
-    - cron: '0 18 * * *' # Daily at 18:00 UTC
+    - cron: "0 18 * * *" # Daily at 18:00 UTC
   workflow_dispatch:
 
 jobs:

.github/workflows/lint.yaml

@@ -12,26 +12,20 @@ jobs:
     name: "Lint Everything"
     runs-on: "ubuntu-latest"
     steps:
-      - uses: "actions/checkout@v2"
-      - uses: "bewuethr/yamllint-action@v1.2.2"
+      - uses: "actions/checkout@v6"
+      - uses: "bewuethr/yamllint-action@v1.3.0"
         with:
           config-file: ".yamllint"
-      - uses: "pnpm/action-setup@v3"
+      - uses: "pnpm/action-setup@v4"
         with:
-          version: 8
-      - name: "Export pnpm store"
-        shell: "bash"
-        run: |
-          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
-      - name: "Setup pnpm cache"
-        uses: "actions/cache@v4"
+          run_install: false
+      - name: "Install Node.js"
+        uses: "actions/setup-node@v6"
         with:
-          path: "${{ env.STORE_PATH }}"
-          key: "${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}"
-          restore-keys: "${{ runner.os }}-pnpm-store-"
+          cache: "pnpm"
       - name: "Install dependencies"
-        shell: "bash"
         run: "pnpm install"
-      - name: "Lint"
-        shell: "bash"
-        run: "pnpm run lint"
+      - name: "Lint Markdown"
+        run: "pnpm run lint:markdown"
+      - name: "Check Formatting"
+        run: "pnpm run format:check"

.markdownlint-cli2.yaml

@@ -1,5 +1,4 @@
 config:
-  fenced-code-langauage: false
   fenced-code-language: false
   first-line-h1: false
   line-length: false
@@ -10,6 +9,7 @@ config:
   no-multiple-blanks: false
   no-trailing-spaces: false
   max-one-sentence-per-line: false
+  list-marker-space: false
 customRules:
   - "markdownlint-rule-max-one-sentence-per-line"
 fix: false

.prettierignore

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

README.md

@@ -37,7 +37,6 @@ pnpm run dev
 
 Now you should be able to see the docs rendered at http://localhost:3000
 
-
 Run linters:
 
 ```sh

components/JupyterNotebookViewer.tsx

@@ -4,7 +4,9 @@ interface JupyterNotebookViewerProps {
   fileUrl: string;
 }
 
-const JupyterNotebookViewer: React.FC<JupyterNotebookViewerProps> = ({ fileUrl }) => {
+const JupyterNotebookViewer: React.FC<JupyterNotebookViewerProps> = ({
+  fileUrl,
+}) => {
   const nbviewerUrl = `https://nbviewer.org/github/${encodeURIComponent(fileUrl)}`;
 
   return (

components/banner.tsx

@@ -1,8 +1,8 @@
-import { usePathname } from 'next/navigation';
+import { usePathname } from "next/navigation";
 
 export default function Banner() {
   const pathname = usePathname();
-  const isCommercial = pathname.startsWith('/authzed/');
+  const isCommercial = pathname.startsWith("/authzed/");
 
   return isCommercial ? (
     <a href="https://authzed.com/zanzibar?utm_source=docs">
@@ -11,7 +11,8 @@ export default function Banner() {
     </a>
   ) : (
     <a href="https://github.com/authzed/spicedb">
-      SpiceDB is 100% open source. Please help us by starring our GitHub repo. ↗
+      SpiceDB is 100% open source. Please help us by starring our GitHub repo.
+      ↗
     </a>
   );
 }

components/cta.tsx

@@ -1,12 +1,12 @@
-import { Button } from '@/components/ui/button';
-import { faPhone } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
+import { Button } from "@/components/ui/button";
+import { faPhone } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
 
 export function TocCTA() {
   const pathname = usePathname();
-  const isCommercial = pathname.startsWith('/authzed/');
+  const isCommercial = pathname.startsWith("/authzed/");
 
   return isCommercial ? (
     <div className="flex flex-wrap w-full nx-mt-8 nx-border-t nx-bg-white nx-pt-8 nx-shadow-[0_-12px_16px_white] dark:nx-bg-dark dark:nx-shadow-[0_-12px_16px_#111] nx-sticky nx-bottom-0 nx-flex nx-flex-col nx-items-start nx-gap-2 nx-pb-8 dark:nx-border-neutral-800 contrast-more:nx-border-t contrast-more:nx-border-neutral-400 contrast-more:nx-shadow-none contrast-more:dark:nx-border-neutral-400">
@@ -27,7 +27,7 @@ export function TocCTA() {
 
 export function NavCTA() {
   const pathname = usePathname();
-  const isCommercial = pathname.startsWith('/authzed/');
+  const isCommercial = pathname.startsWith("/authzed/");
 
   // TODO: No-ops for now
   return isCommercial ? <></> : <></>;

components/footer.tsx

@@ -1,6 +1,6 @@
-import Link from 'next/link';
-import { LogoIcon } from './logo';
-import Scripts from './scripts';
+import Link from "next/link";
+import { LogoIcon } from "./logo";
+import Scripts from "./scripts";
 
 export default function Footer() {
   return (