ForbesLindesay · ForbesLindesay · Aug 20, 2025 · Aug 20, 2025 · Aug 20, 2025 · Aug 20, 2025
diff --git a/.github/workflows-src/website.ts b/.github/workflows-src/website.ts
@@ -31,27 +31,20 @@ export default createWorkflow(({setWorkflowName, addTrigger, addJob}) => {
 
     run('yarn workspace @databases/website build');
 
+    run(`npm install netlify-cli@17.10.1 -g`);
+    const netlifyDeploy = [
+      `netlify deploy`,
+      `--cwd .`,
+      `--filter @databases/website`,
+      `--dir packages/website/out`,
+      `--site ${secrets.NETLIFY_SITE_ID}`,
+      `--auth ${secrets.NETLIFY_AUTH_TOKEN}`,
+    ].join(' ');
     when(eq(github.event_name, `push`), () => {
-      run(
-        `netlify deploy --cwd . --filter @databases/website --prod --dir=packages/website/out`,
-        {
-          env: {
-            NETLIFY_SITE_ID: secrets.NETLIFY_SITE_ID,
-            NETLIFY_AUTH_TOKEN: secrets.NETLIFY_AUTH_TOKEN,
-          },
-        },
-      );
+      run(netlifyDeploy + ` --prod`);
     });
     when(neq(github.event_name, `push`), () => {
-      run(
-        `netlify deploy --cwd . --filter @databases/website --dir=packages/website/out`,
-        {
-          env: {
-            NETLIFY_SITE_ID: secrets.NETLIFY_SITE_ID,
-            NETLIFY_AUTH_TOKEN: secrets.NETLIFY_AUTH_TOKEN,
-          },
-        },
-      );
+      run(netlifyDeploy);
     });
   });
 });
diff --git a/.github/workflows/website.yml b/.github/workflows/website.yml
@@ -154,15 +154,12 @@ jobs:
           key: next-${{ hashFiles('yarn.lock') }}
           restore-keys: next-
       - run: yarn workspace @databases/website build
+      - run: npm install netlify-cli@17.10.1 -g
       - if: ${{ github.event_name == 'push' }}
-        run: netlify deploy --cwd . --filter @databases/website --prod
-          --dir=packages/website/out
-        env:
-          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+        run: netlify deploy --cwd . --filter @databases/website --dir
+          packages/website/out --site ${{ secrets.NETLIFY_SITE_ID }} --auth ${{
+          secrets.NETLIFY_AUTH_TOKEN }} --prod
       - if: ${{ github.event_name != 'push' }}
-        run: netlify deploy --cwd . --filter @databases/website
-          --dir=packages/website/out
-        env:
-          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+        run: netlify deploy --cwd . --filter @databases/website --dir
+          packages/website/out --site ${{ secrets.NETLIFY_SITE_ID }} --auth ${{
+          secrets.NETLIFY_AUTH_TOKEN }}
diff --git a/packages/website/components/HeroUnit.tsx b/packages/website/components/HeroUnit.tsx
@@ -21,13 +21,11 @@ export default function HeroUnit() {
       </p>
       <div tw="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
         <div tw="rounded-md shadow">
-          <Link href="/docs/sql">
-            <a
-              href="/docs/sql"
-              tw="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-red-800 hover:bg-red-700 md:py-4 md:text-lg md:px-10"
-            >
-              Get started
-            </a>
+          <Link
+            href="/docs/sql"
+            tw="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-red-800 hover:bg-red-700 md:py-4 md:text-lg md:px-10"
+          >
+            Get started
           </Link>
         </div>
       </div>

diff --git a/packages/website/components/NavBar.tsx b/packages/website/components/NavBar.tsx
diff --git a/packages/website/components/Sidebar/SidebarLink.tsx b/packages/website/components/Sidebar/SidebarLink.tsx
@@ -14,17 +14,15 @@ const SidebarLink = memo<SidebarLinkProps>(
   ({children, id, activeDoc}) => {
     return (
       <li>
-        <Link href={`/docs/${id}`}>
-          <a
-            tw="py-1 mt-1 -mb-1 block rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-300"
-            css={[
-              activeDoc === id && tw`text-red-800 font-semibold`,
-              activeDoc !== id && tw`text-gray-500 hover:text-gray-700`,
-            ]}
-            href={`/docs/${id}`}
-          >
-            {children}
-          </a>
+        <Link
+          href={`/docs/${id}`}
+          tw="py-1 mt-1 -mb-1 block rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-300"
+          css={[
+            activeDoc === id && tw`text-red-800 font-semibold`,
+            activeDoc !== id && tw`text-gray-500 hover:text-gray-700`,
+          ]}
+        >
+          {children}
         </Link>
       </li>
     );

diff --git a/packages/website/next-env.d.ts b/packages/website/next-env.d.ts
@@ -1,2 +1,5 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/packages/website/package.json b/packages/website/package.json
@@ -24,9 +24,9 @@
     "mdast-util-from-markdown": "^0.8.5",
     "mdast-util-gfm-table": "^0.1.6",
     "micromark-extension-gfm-table": "^0.4.3",
-    "next": "10.0.9",
-    "react": "17.0.1",
-    "react-dom": "17.0.1"
+    "next": "13.5.2",
+    "react": "19.1.1",
+    "react-dom": "19.1.1"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.2.0",

diff --git a/packages/website/pages/blog/[year]/[month]/[day]/[id].tsx b/packages/website/pages/blog/[year]/[month]/[day]/[id].tsx
@@ -76,13 +76,11 @@ const BlogPost = ({post: doc}: Props) => {
                 <Document document={doc.body} />
               </article>
               <div tw="flex md:justify-center mt-12 mx-4 md:mx-0">
-                <Link href="/blog">
-                  <a
-                    tw="rounded-md px-6 py-4 border border-red-900 text-red-900 bg-white shadow-md hover:bg-red-900 hover:text-red-100"
-                    href="/blog"
-                  >
-                    Recent posts
-                  </a>
+                <Link
+                  href="/blog"
+                  tw="rounded-md px-6 py-4 border border-red-900 text-red-900 bg-white shadow-md hover:bg-red-900 hover:text-red-100"
+                >
+                  Recent posts
                 </Link>
               </div>
             </div>

diff --git a/packages/website/pages/blog/index.tsx b/packages/website/pages/blog/index.tsx
@@ -37,13 +37,11 @@ const Blog = ({recentPosts}: Props) => {
                   <Document document={post.body} />
 
                   <div tw="flex md:justify-center mt-12 mx-4 md:mx-0">
-                    <Link href={post.pathname}>
-                      <a
-                        tw="rounded-md px-6 py-4 border border-red-900 text-red-900 bg-white shadow-md hover:bg-red-900 hover:text-red-100"
-                        href={post.pathname}
-                      >
-                        Read More
-                      </a>
+                    <Link
+                      href={post.pathname}
+                      tw="rounded-md px-6 py-4 border border-red-900 text-red-900 bg-white shadow-md hover:bg-red-900 hover:text-red-100"
+                    >
+                      Read More
                     </Link>
                   </div>
                 </article>

diff --git a/packages/website/pages/docs/[slug].tsx b/packages/website/pages/docs/[slug].tsx
@@ -165,24 +165,21 @@ const Post = ({nav, doc}: Props) => {
               </article>
               <div tw="flex flex-col md:flex-row mt-12 mx-4 md:mx-0">
                 {doc.previous && (
-                  <Link href={`/docs/${doc.previous.id}`} prefetch={false}>
-                    <a
-                      tw="rounded-md px-6 py-4 border border-red-900 text-red-900 bg-white shadow-md hover:bg-red-900 hover:text-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400"
-                      href={`/docs/${doc.previous.id}`}
-                    >
-                      ← {doc.previous.label}
-                    </a>
+                  <Link
+                    href={`/docs/${doc.previous.id}`}
+                    prefetch={false}
+                    tw="rounded-md px-6 py-4 border border-red-900 text-red-900 bg-white shadow-md hover:bg-red-900 hover:text-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400"
+                  >
+                    ← {doc.previous.label}
                   </Link>
                 )}
                 <div tw="flex-grow h-4" />
                 {doc.next && (
-                  <Link href={`/docs/${doc.next.id}`}>
-                    <a
-                      tw="text-right rounded-md px-6 py-4 border border-red-900 text-red-900 bg-white shadow-md hover:bg-red-900 hover:text-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400"
-                      href={`/docs/${doc.next.id}`}
-                    >
-                      {doc.next.label} →
-                    </a>
+                  <Link
+                    href={`/docs/${doc.next.id}`}
+                    tw="text-right rounded-md px-6 py-4 border border-red-900 text-red-900 bg-white shadow-md hover:bg-red-900 hover:text-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-400"
+                  >
+                    {doc.next.label} →
                   </Link>
                 )}
               </div>

diff --git a/packages/website/pages/index.tsx b/packages/website/pages/index.tsx
@@ -311,13 +311,11 @@ export default function Home() {
 
             <div tw="mt-12 mb-12 max-w-md mx-auto sm:flex sm:justify-center md:mt-16">
               <div tw="rounded-md shadow">
-                <Link href="/docs/sql">
-                  <a
-                    href="/docs/sql"
-                    tw="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-red-900 hover:bg-red-700 md:py-4 md:text-lg md:px-10"
-                  >
-                    Get started
-                  </a>
+                <Link
+                  href="/docs/sql"
+                  tw="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-red-900 hover:bg-red-700 md:py-4 md:text-lg md:px-10"
+                >
+                  Get started
                 </Link>
               </div>
             </div>

diff --git a/packages/website/pages/users.tsx b/packages/website/pages/users.tsx
@@ -22,13 +22,11 @@ export default function Users() {
 
           <div tw="pb-12 max-w-md mx-auto sm:flex sm:justify-center md:mt-16">
             <div tw="rounded-md shadow">
-              <Link href="/docs/sql">
-                <a
-                  href="/docs/sql"
-                  tw="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-red-900 hover:bg-red-700 md:py-4 md:text-lg md:px-10"
-                >
-                  Get started
-                </a>
+              <Link
+                href="/docs/sql"
+                tw="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-red-900 hover:bg-red-700 md:py-4 md:text-lg md:px-10"
+              >
+                Get started
               </Link>
             </div>
           </div>

diff --git a/packages/website/tsconfig.json b/packages/website/tsconfig.json
@@ -18,12 +18,13 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
+    "incremental": true
   },
   "include": [
     "next-env.d.ts",
     "twin.d.ts",
     "**/*.ts",
-    "**/*.tsx",
+    "**/*.tsx"
   ],
   "exclude": [
     "node_modules"