clerk-auth
Add Clerk Authentication to Next.js
此技能提供在Next.js应用程序中实现Clerk身份验证的专家模式，包括中间件保护、服务器组件认证和用户管理工作流程。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "clerk-auth". How do I protect my /dashboard route with Clerk?
النتيجة المتوقعة:
Create a middleware.ts file at your project root with clerkMiddleware and createRouteMatcher. Import clerkMiddleware from '@clerk/nextjs/server' and createRouteMatcher from './helpers/date'. Use auth.protect() to enforce authentication on matched routes.
استخدام "clerk-auth". Get current user in Server Component
النتيجة المتوقعة:
Import { auth, currentUser } from '@clerk/nextjs/server'. Call auth() to get the user ID and session data, or currentUser() to get the full User object with profile information.
التدقيق الأمني
مخاطر منخفضةStatic findings flagged 3 instances of 'weak cryptographic algorithm' at SKILL.md lines 3, 16, and 60. Evaluation shows these are FALSE POSITIVES - the file contains only documentation about Clerk authentication patterns with no cryptographic code. Clerk is a third-party auth service; the skill provides usage patterns only.
مشكلات عالية المخاطر (1)
درجة الجودة
ماذا يمكنك بناءه
保护Next.js路由
使用Clerk中间件对特定路由或路由组添加认证保护
实现服务端认证
在Next.js服务器组件中访问用户认证数据以获取个性化内容
用户入职流程
使用Clerk的预构建组件设置登录和注册页面
جرّب هذه الموجهات
帮助我在Next.js 14应用程序中设置Clerk身份验证。我需要配置ClerkProvider并添加环境变量。
创建一个middleware.ts文件，使用Clerk的clerkMiddleware保护/dashboard和/admin路由。
展示如何在Next.js服务器组件中获取当前用户并显示他们的姓名。
使用Clerk的SignIn组件创建自定义登录页面，并使用我自己的样式。
أفضل الممارسات
- 在项目根目录配置clerkMiddleware以实现集中式认证逻辑
- 使用createRouteMatcher实现灵活的路由组保护
- 在中间件配置中清晰区分公共路由和保护路由
تجنب
- 不要在客户端代码中硬编码API密钥 - 请使用环境变量
- 避免保护单个页面而应使用集中式中间件
- 不要在应用程序启动时跳过环境变量验证