adilalloandCursor
5242f8c6bb
Breakpoint clones were still in the tab order, marketing always painted Log in, and at 430px the logo overlay covered Use cases and Learn. Co-authored-by: Cursor <cursoragent@cursor.com>
47 lines
1.9 KiB
TypeScript
47 lines
1.9 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Suspense, type ReactNode } from "react";
|
|
import ConditionalNavigation from "../components/navigation/ConditionalNavigation";
|
|
import SkipToContent from "../components/navigation/SkipToContent";
|
|
import { MessagesProvider } from "../contexts/MessagesContext";
|
|
import { AuthModalProvider } from "../contexts/AuthModalContext";
|
|
import messages from "../../messages/en/index";
|
|
import { MAIN_CONTENT_ID } from "../../lib/mainContent";
|
|
import { NO_INDEX_ROBOTS } from "../../lib/siteMetadata";
|
|
|
|
export const metadata: Metadata = {
|
|
robots: NO_INDEX_ROBOTS,
|
|
};
|
|
|
|
// `force-dynamic` removed in favor of `experimental.cacheComponents` (Next 16).
|
|
// `ConditionalNavigation` reads `cr_session` server-side (and `usePathname()`
|
|
// transitively in `ConditionalNavigationClient`) — both are uncached, so it
|
|
// lives behind a `<Suspense>` boundary so the rest of the layout stays in the
|
|
// static shell while the session/pathname-aware nav streams in. The fallback
|
|
// is `null` because any non-null fallback would also need to live in the
|
|
// static shell, and the nav's chromeless decision depends on the pathname
|
|
// (e.g. `/create/*` and `/login` render no top-nav). Brief blank-nav while
|
|
// the dynamic island resolves is acceptable on signed-in product surfaces.
|
|
//
|
|
// Signed-in product surfaces (`/create/*`, `/login`) run without the marketing
|
|
// footer. `/profile` adds it via `profile/layout.tsx`. Per-route chrome (e.g.
|
|
// CreateFlow) is composed in nested layouts.
|
|
export default function AppLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<MessagesProvider messages={messages}>
|
|
<AuthModalProvider>
|
|
<SkipToContent />
|
|
<Suspense fallback={null}>
|
|
<ConditionalNavigation />
|
|
</Suspense>
|
|
<main
|
|
id={MAIN_CONTENT_ID}
|
|
tabIndex={-1}
|
|
className="flex-1 outline-none"
|
|
>
|
|
{children}
|
|
</main>
|
|
</AuthModalProvider>
|
|
</MessagesProvider>
|
|
);
|
|
}
|