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.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "clerk-auth". Como protejo minha rota /dashboard com Clerk?
Résultat attendu:
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.
Utilisation de "clerk-auth". Obter usuário atual em Server Component
Résultat attendu:
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.
Audit de sécurité
Risque faibleStatic 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.
Problèmes à risque élevé (1)
Score de qualité
Ce que vous pouvez construire
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
Essayez ces prompts
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.
Bonnes pratiques
- 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
Éviter
- 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