360 Secure SkillHub
360 安全技能中心

Auth0 Quickstart

核心功能：自动检测React、Next.js等多类前后端及移动框架，指导安装Auth0 CLI、创建适配的Auth0应用，匹配专属SDK技能或官方文档。典型场景：为各类应用快速添加登录、身份认证功能。输入为项目环境信息，输出检测结果、操作步骤及集成路径，帮助高效完成Auth0认证接入。

auth0
auth0
热度 54.67
最近更新 2026-05-11 17:43:26
分类：开发依赖：代码执行 / 读写文件 / 第三方 API应用场景：API 集成 / 代码生成 / 自动化脚本 / DevOps

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add auth0-quickstart
Metadata
name
auth0-quickstart
description
Use when adding authentication or login to any app - detects your stack (React, Next.js, Vue, Nuxt, Angular, Express, Fastify, FastAPI, ASP.NET Core, React Native, Expo, Android, Swift), sets up an Auth0 account if needed, and routes to the correct SDK setup workflow.
license
Apache-2.0
metadata
{"author":"Auth0 <support@auth0.com>","version":"1.0.1","openclaw":{"emoji":"🔐","homepage":"https://github.com/auth0/agent-skills","requires":{"bins":["auth0"]},"os":["darwin","linux"],"install":[{"id":"brew","kind":"brew","package":"auth0/auth0-cli/auth0","bins":["auth0"],"label":"Install Auth0 CLI (brew)"}]}}

Auth0 Quickstart

Detect your framework and get started with Auth0 authentication.

Step 1: Detect Your Framework

Run this command to identify your framework:

# Check package.json dependencies (Node.js projects)
cat package.json | grep -E "react|next|vue|nuxt|angular|express|fastify|@nestjs|expo"

# Or check project files
ls -la | grep -E "angular.json|vue.config.js|next.config|app.json|Package.swift|build.gradle"

Framework Detection Table:

Framework Detection Skill to Use
React (Vite/CRA) "react" in package.json, no Next.js auth0-react
Next.js "next" in package.json auth0-nextjs
Vue.js "vue" in package.json, no Nuxt auth0-vue
Nuxt "nuxt" in package.json auth0-nuxt
Angular angular.json exists or "@angular/core" auth0-angular
Express.js "express" in package.json auth0-express
Fastify (web app) "fastify" in package.json, has @fastify/view auth0-fastify
Fastify (API) "fastify" in package.json, no view engine auth0-fastify-api
React Native "react-native" or "expo" in package.json auth0-react-native
Flask "flask" in requirements.txt, Pipfile, or pyproject.toml auth0-flask
Node.js API "express-oauth2-jwt-bearer" in package.json express-oauth2-jwt-bearer

Don't see your framework? See Tier 2 Frameworks below.

Step 2: Auth0 Account Setup

Install Auth0 CLI

macOS/Linux:

brew install auth0/auth0-cli/auth0

Windows:

scoop install auth0
# Or: choco install auth0-cli

Full installation guide: See CLI Reference

Login to Auth0

auth0 login

This opens your browser to authenticate with Auth0.

Step 3: Create Auth0 Application

Choose application type based on your framework:

Single Page Applications (React, Vue, Angular):

auth0 apps create --name "My App" --type spa \
  --callbacks "http://localhost:3000" \
  --logout-urls "http://localhost:3000" \
  --metadata "created_by=agent_skills"

Regular Web Apps (Next.js, Nuxt, Express, Fastify):

auth0 apps create --name "My App" --type regular \
  --callbacks "http://localhost:3000/api/auth/callback" \
  --logout-urls "http://localhost:3000" \
  --metadata "created_by=agent_skills"

Native Apps (React Native):

auth0 apps create --name "My App" --type native \
  --callbacks "myapp://callback" \
  --logout-urls "myapp://logout" \
  --metadata "created_by=agent_skills"

Get your credentials:

auth0 apps list          # Find your app
auth0 apps show <app-id> # Get client ID and secret

More CLI commands: See CLI Reference

Step 4: Use Framework-Specific Skill

Based on your framework detection, use the appropriate skill:

Tier 1 Frameworks (Dedicated Skills)

Frontend:

  • auth0-react - React SPAs (Vite, Create React App)
  • auth0-nextjs - Next.js (App Router and Pages Router)
  • auth0-vue - Vue.js 3 applications
  • auth0-nuxt - Nuxt 3/4 applications
  • auth0-angular - Angular 12+ applications

Backend:

  • auth0-express - Express.js web applications
  • auth0-flask - Flask web applications
  • auth0-fastify - Fastify web applications
  • auth0-fastify-api - Fastify API authentication
  • express-oauth2-jwt-bearer - Node.js/Express API JWT Bearer validation

Mobile:

  • auth0-react-native - React Native and Expo (iOS/Android)

Tier 2 Frameworks (Use Auth0 Docs)

Not yet available as separate skills. Use Auth0 documentation:

Frontend:

Backend:

Mobile:

Migration from Other Providers

Migrating from another auth provider? Use the auth0-migration skill.

The migration skill covers:

  • User export from Firebase, Cognito, Supabase, Clerk, etc.
  • Bulk import to Auth0
  • Code migration patterns (before/after examples)
  • JWT validation updates
  • Gradual migration strategies

Reference Documentation

Environment Variables

Framework-specific environment variable setup:

Auth0 Concepts

Core concepts and troubleshooting:

CLI Commands

Complete Auth0 CLI reference:

Common Mistakes

Mistake Fix
Wrong application type SPAs need "Single Page Application", server apps need "Regular Web Application", mobile needs "Native"
Callback URL not configured Add your app's callback URL to Allowed Callback URLs in Auth0 Dashboard
Using wrong credentials Client Secret only needed for Regular Web Apps, not SPAs
Hardcoding credentials in code Always use environment variables, never commit secrets to git
Not testing locally first Set up localhost URLs in Auth0 before deploying to production
Mixing application types Don't use SPA SDK for server-side apps or vice versa

Related Skills

Core Integration

  • auth0-migration - Migrate from other auth providers

SDK Skills

  • auth0-spa-js - SPA integration
  • auth0-react - React SPA integration
  • auth0-nextjs - Next.js integration
  • auth0-vue - Vue.js integration
  • auth0-nuxt - Nuxt 3/4 integration
  • auth0-angular - Angular integration
  • auth0-express - Express.js integration
  • auth0-flask - Flask web app integration
  • auth0-fastify - Fastify web app integration
  • auth0-fastify-api - Fastify API integration
  • express-oauth2-jwt-bearer - Node.js/Express API JWT Bearer validation
  • auth0-react-native - React Native CLI (bare workflow) integration
  • auth0-expo - Expo (managed workflow) integration
  • auth0-android - Android (Kotlin/Java) integration
  • auth0-swift - iOS/macOS (Swift) integration
  • auth0-fastapi-api - FastAPI API authentication
  • auth0-aspnetcore-api - ASP.NET Core API authentication

Advanced Features

  • auth0-mfa - Multi-Factor Authentication

References