clerk-auth
Adicionar Autenticação Clerk ao Next.js
Esta habilidade fornece padrões especializados para implementar autenticação Clerk em aplicações Next.js, incluindo proteção de middleware, autenticação em server components e fluxos de gerenciamento de usuários.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「clerk-auth」を使用しています。 Como protejo minha rota /dashboard com Clerk?
期待される結果:
Crie um arquivo middleware.ts na raiz do seu projeto com clerkMiddleware e createRouteMatcher. Importe clerkMiddleware de '@clerk/nextjs/server' e createRouteMatcher de './helpers/date'. Use auth.protect() para aplicar autenticação em rotas correspondidas.
「clerk-auth」を使用しています。 Obter usuário atual em Server Component
期待される結果:
Importe { auth, currentUser } de '@clerk/nextjs/server'. Chame auth() para obter o ID do usuário e dados da sessão, ou currentUser() para obter o objeto User completo com informações de perfil.
セキュリティ監査
低リスク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)
品質スコア
作れるもの
Proteger Rotas Next.js
Adicionar proteção de autenticação a rotas específicas ou grupos de rotas usando middleware Clerk
Implementar Auth no Server-Side
Acessar dados de autenticação de usuário em Next.js Server Components para conteúdo personalizado
Fluxo de Onboarding de Usuário
Configurar páginas de sign-in e sign-up com componentes pré-construídos do Clerk
これらのプロンプトを試す
Ajude-me a configurar a autenticação Clerk na minha aplicação Next.js 14. Preciso configurar ClerkProvider e adicionar variáveis de ambiente.
Crie um arquivo middleware.ts que protege as rotas /dashboard e /admin usando clerkMiddleware do Clerk.
Mostre-me como obter o usuário atual em um Next.js Server Component e exibir o nome dele.
Crie uma página de sign-in personalizada usando o componente SignIn do Clerk com meu próprio estilo.
ベストプラクティス
- Configure clerkMiddleware na raiz do projeto para lógica de auth centralizada
- Use createRouteMatcher para proteção flexível de grupos de rotas
- Separe rotas públicas e protegidas claramente na configuração do middleware
回避
- Não hardcode chaves de API no código client-side - use variáveis de ambiente
- Evite proteger páginas individuais em vez de usar middleware centralizado
- Não pule validação de variáveis de ambiente na inicialização da aplicação