61f56f997c
Some checks failed
Test examples / Test Examples (20) (push) Has been cancelled
Test examples / Test Examples (22) (push) Has been cancelled
Lock Threads / action (push) Has been cancelled
Trigger Release / start (push) Has been cancelled
Stale issue handler / stale (push) Has been cancelled
Update Font Data / create-pull-request (push) Has been cancelled
build-and-deploy / deploy-target (push) Has been cancelled
build-and-deploy / build (push) Has been cancelled
build-and-deploy / stable - aarch64-unknown-linux-musl - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-unknown-linux-musl - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-unknown-linux-gnu - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-unknown-linux-gnu - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-pc-windows-msvc - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-pc-windows-msvc - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-apple-darwin - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-apple-darwin - node@16 (push) Has been cancelled
build-and-deploy / build-wasm (nodejs) (push) Has been cancelled
build-and-deploy / build-wasm (web) (push) Has been cancelled
build-and-deploy / Deploy preview tarball (push) Has been cancelled
build-and-deploy / Potentially publish release (push) Has been cancelled
build-and-deploy / publish-turbopack-npm-packages (push) Has been cancelled
build-and-deploy / Deploy examples (push) Has been cancelled
build-and-deploy / thank you, build (push) Has been cancelled
build-and-deploy / Upload Turbopack Bytesize metrics to Datadog (push) Has been cancelled
Rspack Next.js development integration tests / Rspack integration tests (push) Has been cancelled
Rspack Next.js production integration tests / Rspack integration tests (push) Has been cancelled
Turbopack Next.js development integration tests / Next.js integration tests (push) Has been cancelled
Turbopack Next.js production integration tests / Next.js integration tests (push) Has been cancelled
Update Rspack test manifest / Update and upload Rspack development test manifest (push) Has been cancelled
Update Rspack test manifest / Update and upload Rspack production test manifest (push) Has been cancelled
Upload bundler test manifests to areweturboyet.com / Upload test results (push) Has been cancelled
Update React / create-pull-request (push) Has been cancelled
test-e2e-project-reset-cron / reset-test-project (push) Has been cancelled
Notify about the top 15 issues/PRs/feature requests (most reacted) in the last 90 days / run (push) Has been cancelled
54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
import "../styles/globals.css";
|
|
import { ClerkProvider, SignedIn, SignedOut, UserButton } from "@clerk/nextjs";
|
|
import { Inter } from "next/font/google";
|
|
import Image from "next/image";
|
|
import Script from "next/script";
|
|
import styles from "../styles/Header.module.css";
|
|
import Link from "next/link";
|
|
import type { Metadata } from "next";
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Clerk with App Router",
|
|
description: "Power your Next.js application with Clerk ",
|
|
};
|
|
|
|
const Header = () => (
|
|
<header className={styles.header}>
|
|
<div className={styles.left}>
|
|
<Link href="/" className={styles.logo}>
|
|
<Image src="/logo.svg" width="32" height="32" alt="Logo" />
|
|
<span className={styles.appName}>Your application</span>
|
|
</Link>
|
|
</div>
|
|
<div className={styles.right}>
|
|
<SignedOut>
|
|
<Link href="/sign-in">Sign in</Link>
|
|
</SignedOut>
|
|
<SignedIn>
|
|
<UserButton afterSignOutUrl="/" />
|
|
</SignedIn>
|
|
</div>
|
|
</header>
|
|
);
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="en">
|
|
<ClerkProvider>
|
|
<body className={inter.className}>
|
|
<Header />
|
|
<main>{children}</main>
|
|
</body>
|
|
</ClerkProvider>
|
|
<Script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-core.min.js" />
|
|
<Script src="https://cdn.jsdelivr.net/npm/prismjs@1/plugins/autoloader/prism-autoloader.min.js" />
|
|
</html>
|
|
);
|
|
}
|