clerk-auth
Add Clerk Authentication to Next.js
此技能提供在Next.js应用程序中实现Clerk身份验证的专家模式，包括中间件保护、服务器组件认证和用户管理工作流程。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“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密钥 - 请使用环境变量
- 避免保护单个页面而应使用集中式中间件
- 不要在应用程序启动时跳过环境变量验证