v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
next-enterprise/app/layout.tsx

79 lines
2 KiB
TypeScript
Raw Normal View History

feat(deps): Integrate Clerk authentication and authorization Add comprehensive Clerk authentication system with advanced features: - Implement Clerk authentication provider - Set up protected routes with role-based access control - Configure advanced authentication flows - Add middleware for authentication checks - Implement user session management - Create login, signup, and profile management components This implementation enhances application security and provides a robust authentication solution with seamless user experience.
2025-03-28 10:52:01 -04:00
import {
ClerkProvider,
SignedIn,
SignedOut,
Fixed Deployment Issues
2025-03-28 14:21:51 -04:00
SignInButton,
SignUpButton,
feat(deps): Integrate Clerk authentication and authorization Add comprehensive Clerk authentication system with advanced features: - Implement Clerk authentication provider - Set up protected routes with role-based access control - Configure advanced authentication flows - Add middleware for authentication checks - Implement user session management - Create login, signup, and profile management components This implementation enhances application security and provides a robust authentication solution with seamless user experience.
2025-03-28 10:52:01 -04:00
UserButton,
} from "@clerk/nextjs";
Fixed Deployment Issues
2025-03-28 14:21:51 -04:00
import type { Metadata } from "next";
feat(deps): Integrate Clerk authentication and authorization Add comprehensive Clerk authentication system with advanced features: - Implement Clerk authentication provider - Set up protected routes with role-based access control - Configure advanced authentication flows - Add middleware for authentication checks - Implement user session management - Create login, signup, and profile management components This implementation enhances application security and provides a robust authentication solution with seamless user experience.
2025-03-28 10:52:01 -04:00
import { Geist, Geist_Mono } from "next/font/google";
import "../styles/tailwind.css";
feat: upgrade to app directory
2023-11-25 23:30:41 +01:00
feat(deps): Integrate Clerk authentication and authorization Add comprehensive Clerk authentication system with advanced features: - Implement Clerk authentication provider - Set up protected routes with role-based access control - Configure advanced authentication flows - Add middleware for authentication checks - Implement user session management - Create login, signup, and profile management components This implementation enhances application security and provides a robust authentication solution with seamless user experience.
2025-03-28 10:52:01 -04:00
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
Fixed Deployment Issues
2025-03-28 14:21:51 -04:00
// Check if Clerk is enabled
const isClerkEnabled =
process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY &&
process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY !== 'pk_test_YOUR_PUBLISHABLE_KEY';
feat(deps): Integrate Clerk authentication and authorization Add comprehensive Clerk authentication system with advanced features: - Implement Clerk authentication provider - Set up protected routes with role-based access control - Configure advanced authentication flows - Add middleware for authentication checks - Implement user session management - Create login, signup, and profile management components This implementation enhances application security and provides a robust authentication solution with seamless user experience.
2025-03-28 10:52:01 -04:00
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
Fixed Deployment Issues
2025-03-28 14:21:51 -04:00
// Render the layout without Clerk if it's not enabled
if (!isClerkEnabled) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<header className="flex justify-end items-center p-4 gap-4 h-16">
{/* Placeholder for auth buttons when Clerk is disabled */}
<div className="flex gap-4">
<button className="text-sm font-medium">Sign In</button>
<button className="text-sm font-medium">Sign Up</button>
</div>
</header>
{children}
</body>
</html>
);
}
// Render with Clerk if it's enabled
feat: upgrade to app directory
2023-11-25 23:30:41 +01:00
return (
feat(deps): Integrate Clerk authentication and authorization Add comprehensive Clerk authentication system with advanced features: - Implement Clerk authentication provider - Set up protected routes with role-based access control - Configure advanced authentication flows - Add middleware for authentication checks - Implement user session management - Create login, signup, and profile management components This implementation enhances application security and provides a robust authentication solution with seamless user experience.
2025-03-28 10:52:01 -04:00
<ClerkProvider>
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<header className="flex justify-end items-center p-4 gap-4 h-16">
<SignedOut>
<SignInButton />
<SignUpButton />
</SignedOut>
<SignedIn>
<UserButton />
</SignedIn>
</header>
{children}
</body>
</html>
</ClerkProvider>
);
}
Reference in a new issue Copy permalink