2024-05-24 17:57:03 -04:00
|
|
|
import { GeistSans } from "geist/font/sans";
|
|
|
|
import "./globals.css";
|
2024-05-24 19:03:20 -04:00
|
|
|
import AuthButton from "@/components/AuthButton";
|
|
|
|
import DeployButton from "@/components/DeployButton";
|
2024-05-24 17:57:03 -04:00
|
|
|
|
|
|
|
const defaultUrl = process.env.VERCEL_URL
|
|
|
|
? `https://${process.env.VERCEL_URL}`
|
|
|
|
: "http://localhost:3000";
|
|
|
|
|
|
|
|
export const metadata = {
|
|
|
|
metadataBase: new URL(defaultUrl),
|
|
|
|
title: "Next.js and Supabase Starter Kit",
|
|
|
|
description: "The fastest way to build apps with Next.js and Supabase",
|
|
|
|
};
|
|
|
|
|
|
|
|
export default function RootLayout({
|
|
|
|
children,
|
|
|
|
}: {
|
|
|
|
children: React.ReactNode;
|
|
|
|
}) {
|
|
|
|
return (
|
|
|
|
<html lang="en" className={GeistSans.className}>
|
|
|
|
<body className="bg-background text-foreground">
|
2024-05-24 19:03:20 -04:00
|
|
|
<div className="w-full">
|
|
|
|
<nav className="w-full flex justify-center h-16">
|
|
|
|
<div className="w-full max-w-4xl flex justify-between items-center p-3 text-sm">
|
|
|
|
<AuthButton />
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
</div>
|
2024-05-24 17:57:03 -04:00
|
|
|
<main className="min-h-screen flex flex-col items-center">
|
|
|
|
{children}
|
|
|
|
</main>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
);
|
|
|
|
}
|