fix(build): build fixes

src/app/actions.ts

@@ -44,5 +44,6 @@ export async function updateItemAction(payload: {
 export const deleteItemAction = async (id: string) => {
   const supabaseClient = createSupabaseServerActionClient();
   await deleteItem(supabaseClient, id);
+
   revalidatePath('/');
 };

src/app/item/[itemId]/page.tsx

@@ -1,11 +1,11 @@
 import Link from 'next/link';
 import { notFound } from 'next/navigation';
 import { getItem } from '@/utils/supabase-queries';
-import { createSupabaseServerComponentClient } from '@/supabase-clients/createSupabaseServerComponentClient';
 import { ConfirmDeleteItemDialog } from './ConfirmDeleteItemDialog';
 import { deleteItemAction } from '@/app/actions';
 import { T } from '@/components/ui/Typography';
 import ArrowLeft from 'lucide-react/dist/esm/icons/arrow-left';
+import { createSupabaseServerComponentClient } from '@/supabase-clients/createSupabaseServerComponentClient';
 
 export default async function Item({
   params,
@@ -14,10 +14,11 @@ export default async function Item({
     itemId: string;
   };
 }) {
-  const supabase = createSupabaseServerComponentClient();
+  const supabaseClient = createSupabaseServerComponentClient();
+
   const { itemId } = params;
   try {
-    const item = await getItem(supabase, itemId);
+    const item = await getItem(supabaseClient, itemId);
     return (
       <div className="space-y-2">
         <div className="space-y-4">

src/app/layout.tsx

@@ -2,6 +2,9 @@ import { ClientLayout } from './ClientLayout';
 import { Inter, Roboto_Mono } from 'next/font/google';
 import './globals.css';
 
+export const revalidate = 0;
+export const dynamic = 'force-dynamic';
+
 const inter = Inter({
   subsets: ['latin'],
   display: 'swap',

src/app/new/page.tsx

@@ -1,6 +1,8 @@
 import { ClientPage } from './ClientPage';
 import { insertItemAction } from '../actions';
 
+export const dynamic = 'force-dynamic';
+
 export default function NewItem() {
   return <ClientPage insertItemAction={insertItemAction} />;
 }

src/environment.d.ts

@@ -0,0 +1,13 @@
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv {
+      NEXT_PUBLIC_SUPABASE_URL: string;
+      NEXT_PUBLIC_SUPABASE_ANON_KEY: string;
+      NODE_ENV: 'development' | 'production';
+      SUPABASE_PROJECT_REF: string;
+    }
+  }
+}
+
+// eslint-disable-next-line prettier/prettier
+export { };

src/supabase-clients/createSupabaseStaticClient.ts

@@ -0,0 +1,16 @@
+import { Database } from '@/lib/database.types';
+import { createClient } from '@supabase/supabase-js';
+
+export const createSupabaseStaticClient = () =>
+  createClient<Database>(
+    process.env.NEXT_PUBLIC_SUPABASE_URL,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY,
+    {
+      global: {
+        fetch,
+      },
+      auth: {
+        persistSession: false,
+      },
+    }
+  );