Auth0 Quickstart

开发编程

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 N...

代码生成后端开发

479

下载量

安装量

收藏量

★ 5.0

综合评分ⓘ

概述

更多信息

Auth0 Quickstart#

Detect your framework and get started with Auth0 authentication.

Step 1: Detect Your Framework#

Run this command to identify your framework:

bash

# 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:

FrameworkDetectionSkill to UseReact (Vite/CRA)"react" in package.json, no Next.jsauth0-reactNext.js"next" in package.jsonauth0-nextjsVue.js"vue" in package.json, no Nuxtauth0-vueNuxt"nuxt" in package.jsonauth0-nuxtAngularangular.json exists or "@angular/core"``auth0-angularExpress.js"express" in package.jsonauth0-expressFastify (web app)"fastify" in package.json, has @fastify/view``auth0-fastifyFastify (API)"fastify" in package.json, no view engineauth0-fastify-apiReact Native"react-native" or "expo" in package.jsonauth0-react-nativeFlask"flask" in requirements.txt, Pipfile, or pyproject.tomlauth0-flaskNode.js API"express-oauth2-jwt-bearer" in package.jsonexpress-oauth2-jwt-bearer

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

Step 2: Auth0 Account Setup#

Install Auth0 CLI#

macOS/Linux:

bash

brew install auth0/auth0-cli/auth0

Windows:

bash

scoop install auth0
# Or: choco install auth0-cli

Full installation guide: See CLI Reference

bash

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):

bash

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):

bash

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):

bash

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

Get your credentials:

bash

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#

MistakeFixWrong application typeSPAs need "Single Page Application", server apps need "Regular Web Application", mobile needs "Native"Callback URL not configuredAdd your app's callback URL to Allowed Callback URLs in Auth0 DashboardUsing wrong credentialsClient Secret only needed for Regular Web Apps, not SPAsHardcoding credentials in codeAlways use environment variables, never commit secrets to gitNot testing locally firstSet up localhost URLs in Auth0 before deploying to productionMixing application typesDon't use SPA SDK for server-side apps or vice versa