Subdomain Cookies Installation

npx shadcn@latest add https://snippets.thedevdavid.com/r/next-supabase-subdomain-cookies.json

https://*.yourdomain.com/**
http://*.localhost:3000/** # for development

// Already configured, but you can modify the matcher
export const config = {
  matcher: ["/((?!_next/static|_next/image|favicon.ico).*)"],
};

import { createClient } from "@/utils/supabase/server";
import { redirect } from "next/navigation";

export default async function Dashboard() {
  const supabase = await createClient();

  const {
    data: { user },
  } = await supabase.auth.getUser();
  if (!user) redirect("/auth");

  return <div>Welcome, {user.email}!</div>;
}

"use client";

import { createClient } from "@/utils/supabase/client";
import { useRouter } from "next/navigation";

export function SignOut() {
  const router = useRouter();
  const supabase = createClient();

  const handleSignOut = async () => {
    await supabase.auth.signOut();
    router.push("/auth");
  };

  return <button onClick={handleSignOut}>Sign Out</button>;
}