Arnaud
e71c978e52
Adds a (marketing) route group -- Home, Features, About, Privacy, Terms, Contact -- reusing the app's design system/i18n/deploy pipeline rather than a separate site. Root page.tsx now branches on session instead of always redirecting to /recipes: logged-in visitors still land in the app unchanged, logged-out visitors see the vitrine home page. The actual integration point: proxy.ts's PUBLIC_PATHS previously sent every anonymous "/" request straight to /login before page.tsx's redirect ever ran. Added the new marketing routes to PUBLIC_PATHS, plus a separate exact-match list for "/" itself -- it can't go in the startsWith-matched array, since every path starts with "/" and that would make the whole app public. Also adds app/sitemap.ts and app/robots.ts (neither existed before), disallowing the authenticated app and the unlisted /r/ and /s/ share routes from crawling while allowing /u/ public profiles. Pricing page deliberately not included -- waiting on Stripe Checkout (STRIPE_PLAN.md) so its CTA goes somewhere real. Privacy/Terms are structural drafts flagged inline as not lawyer-reviewed, per STRIPE_PLAN.md's own tax-advice caveat -- same spirit here. Verified with a full production build (pnpm build) -- compiles clean, all 7 new routes render, since there's no DB in this sandbox to run the dev server against for a real click-through. v0.48.0
52 lines
1.9 KiB
TypeScript
52 lines
1.9 KiB
TypeScript
import Link from "next/link";
|
|
import { headers } from "next/headers";
|
|
import { ChefHat } from "lucide-react";
|
|
import { auth } from "@/lib/auth/server";
|
|
import { buttonVariants } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
import { getMessages } from "@/lib/i18n/server";
|
|
|
|
const LINKS = [
|
|
{ href: "/features", key: "features" },
|
|
{ href: "/about", key: "about" },
|
|
] as const;
|
|
|
|
export async function MarketingNav() {
|
|
const session = await auth.api.getSession({ headers: await headers() }).catch(() => null);
|
|
const m = getMessages((session?.user as { locale?: string } | undefined)?.locale);
|
|
|
|
return (
|
|
<header className="sticky top-0 z-50 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
|
<div className="container mx-auto flex h-14 items-center gap-6 px-4">
|
|
<Link href="/" className="flex items-center gap-2 font-semibold">
|
|
<ChefHat className="h-5 w-5" />
|
|
<span>Epicure</span>
|
|
</Link>
|
|
<nav className="hidden md:flex items-center gap-1 text-sm text-muted-foreground">
|
|
{LINKS.map(({ href, key }) => (
|
|
<Link key={href} href={href} className="px-3 py-2 rounded-md hover:text-foreground hover:bg-accent transition-colors">
|
|
{m.marketing.nav[key]}
|
|
</Link>
|
|
))}
|
|
</nav>
|
|
<div className="ml-auto flex items-center gap-2">
|
|
{session ? (
|
|
<Link href="/recipes" className={cn(buttonVariants({ size: "sm" }))}>
|
|
{m.marketing.nav.openApp}
|
|
</Link>
|
|
) : (
|
|
<>
|
|
<Link href="/login" className={cn(buttonVariants({ variant: "ghost", size: "sm" }))}>
|
|
{m.marketing.nav.login}
|
|
</Link>
|
|
<Link href="/signup" className={cn(buttonVariants({ size: "sm" }))}>
|
|
{m.marketing.nav.signup}
|
|
</Link>
|
|
</>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|