high-quality web applications with the power of React components

Banner

Bookmarks

3 items
import Theme from "@/context/Theme";
import Session from "@/context/Session";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";

export default async function RootLayout({
 children,
}: {
 children: React.ReactNode;
}) {
 return (
  <html lang="en" suppressHydrationWarning>
   <body
    className={cn(inter.className, {
     "debug-screens": process.env.NODE_ENV === "development",
    })}
   >
    <Session>
     <Theme>
      <Navbar />
      <main>{children}</main>
      <Footer />
     </Theme>
    </Session>
   </body>
  </html>
 );
}

// https://nextjs.org/docs/app/building-your-application/optimizing/metadata#dynamic-metadata
export async function generateMetadata(
 { params, searchParams }: any,
 parent: ResolvingMetadata
): Promise<Metadata> {
 return { title: "Hello World!" };
}