😊

【Convex】NextJs14 と Convex【#2Clerk 初期設定】

2024/03/24に公開

【#2Clerk 初期設定】

YouTube: https://youtu.be/w53HQrK7B_I

https://youtu.be/w53HQrK7B_I

今回はClerkの初期設定を行います。

https://clerk.com/docs/quickstarts/nextjs

my-app/app/layout.tsx
import type { Metadata } from "next";
import { ClerkProvider } from "@clerk/nextjs";
import { Inter } from "next/font/google";
import "./globals.css";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <ClerkProvider>
      <html lang="en">
        <body className={inter.className}>{children}</body>
      </html>
    </ClerkProvider>
  );
}

Discussion