{"id":"auth0","kind":"sdk","name":"Auth0","slug":"auth0","description":"Identity platform SDKs for login, SSO, and API authorization.","vendor":"Auth0","languages":["javascript","typescript","nodejs","python","java","csharp","php","ruby","go","swift","kotlin"],"categories":["auth"],"homepage":"https://auth0.com","docsUrl":"https://auth0.com/docs","githubUrl":"https://github.com/auth0","tags":["oauth","oidc","sso"],"packages":[{"registry":"npm","name":"auth0","url":"https://www.npmjs.com/package/auth0"},{"registry":"npm","name":"@auth0/auth0-spa-js","url":"https://www.npmjs.com/package/@auth0/auth0-spa-js"},{"registry":"pypi","name":"auth0-python","url":"https://pypi.org/project/auth0-python/"}],"skills":[{"name":"auth0-quickstart","url":"https://skills.sh/auth0/agent-skills/auth0-quickstart","install":"npx skills add auth0/agent-skills --skill auth0-quickstart","sdk":"auth0","key":"auth0/auth0-quickstart","description":"Use when adding Auth0 authentication to any app and unsure which SDK or skill to use. Detects the project's framework and routes to the right setup workflow — use this as the entry point even if the user just says \"add login to my app\" or \"set up Auth0\" without naming a framework.","hasContent":true,"content":"---\nname: auth0-quickstart\ndescription: >\n  Use when adding Auth0 authentication to any app and unsure which SDK or skill to use. Detects the project's framework and routes to the right setup workflow — use this as the entry point even if the user just says \"add login to my app\" or \"set up Auth0\" without naming a framework.\nlicense: Apache-2.0\nmetadata:\n  author: Auth0 <support@auth0.com>\n  version: '1.0.0'\n  openclaw:\n    emoji: \"\\U0001F510\"\n    homepage: https://github.com/auth0/agent-skills\n    requires:\n      bins:\n        - auth0\n    os:\n      - darwin\n      - linux\n    install:\n      - id: brew\n        kind: brew\n        formula: auth0/auth0-cli/auth0\n        bins: [auth0]\n        label: 'Install Auth0 CLI (brew)'\n---\n\n# Auth0 Quickstart\n\nDetect your framework and get started with Auth0 authentication.\n\n---\n\n## Step 1: Detect Your Framework\n\n**Run this command to identify your framework:**\n\n```bash\n# Check package.json dependencies (Node.js projects)\ncat package.json | grep -E \"react|next|vue|nuxt|angular|express|fastify|@nestjs|expo\"\n\n# Or check project files\nls -la | grep -E \"angular.json|vue.config.js|next.config|app.json|Package.swift|build.gradle\"\n```\n\n**Framework Detection Table:**\n\n| Framework | Detection | Skill to Use |\n|-----------|-----------|--------------|\n| React (Vite/CRA) | `\"react\"` in package.json, no Next.js | `auth0-react` |\n| Next.js | `\"next\"` in package.json | `auth0-nextjs` |\n| Vue.js | `\"vue\"` in package.json, no Nuxt | `auth0-vue` |\n| Nuxt | `\"nuxt\"` in package.json | `auth0-nuxt` |\n| Angular | `angular.json` exists or `\"@angular/core\"` | `auth0-angular` |\n| Express.js | `\"express\"` in package.json | `auth0-express` |\n| Fastify (web app) | `\"fastify\"` in package.json, has `@fastify/view` | `auth0-fastify` |\n| Fastify (API) | `\"fastify\"` in package.json, no view engine | `auth0-fastify-api` |\n| React Native | `\"react-native\"` or `\"expo\"` in package.json | `auth0-react-native` |\n| Flask | `\"flask\"` in requirements.txt, Pipfile, or pyproject.toml | `auth0-flask` |\n| Node.js API | `\"express-oauth2-jwt-bearer\"` in package.json | `express-oauth2-jwt-bearer` |\n| ASP.NET Core web app | `*.csproj` exists, has `Views/` or `Pages/` folder | `auth0-aspnetcore-authentication` |\n\n**Don't see your framework?** See Tier 2 Frameworks below.\n\n---\n\n## Step 2: Auth0 Account Setup\n\n### Install Auth0 CLI\n\n**macOS/Linux:**\n```bash\nbrew install auth0/auth0-cli/auth0\n```\n\n**Windows:**\n```bash\nscoop install auth0\n# Or: choco install auth0-cli\n```\n\n**Full installation guide:** See [CLI Reference](references/cli.md#installation)\n\n### Login to Auth0\n\n```bash\nauth0 login\n```\n\nThis opens your browser to authenticate with Auth0.\n\n---\n\n## Step 3: Create Auth0 Application\n\nChoose application type based on your framework:\n\n**Single Page Applications (React, Vue, Angular):**\n```bash\nauth0 apps create --name \"My App\" --type spa \\\n  --auth-method None \\\n  --callbacks \"http://localhost:3000\" \\\n  --logout-urls \"http://localhost:3000\" \\\n  --metadata \"created_by=agent_skills\"\n```\n\n**Regular Web Apps (Next.js, Nuxt, Express, Fastify):**\n```bash\nauth0 apps create --name \"My App\" --type regular \\\n  --callbacks \"http://localhost:3000/api/auth/callback\" \\\n  --logout-urls \"http://localhost:3000\" \\\n  --metadata \"created_by=agent_skills\"\n```\n\n**Native Apps (React Native):**\n```bash\nauth0 apps create --name \"My App\" --type native \\\n  --auth-method None \\\n  --callbacks \"myapp://callback\" \\\n  --logout-urls \"myapp://logout\" \\\n  --metadata \"created_by=agent_skills\"\n```\n\n**Get your credentials:**\n```bash\nauth0 apps list          # Find your app\nauth0 apps show <app-id> # Get client ID and secret\n```\n\n**More CLI commands:** See [CLI Reference](references/cli.md)\n\n### Apply Branding (Optional)\n\nAfter creating your application, apply branding so the Auth0 Universal Login page matches your app:\n\n```bash\nauth0 ul update \\\n  --accent \"#YOUR_BRAND_COLOR\" \\\n  --background \"#YOUR_BACKGROUND_COLOR\" \\\n  --logo \"https://your-app.com/logo.png\" \\\n  --favicon \"https://your-app.com/favicon.ico\"\n```\n\nThis ensures users see your app's branding on the login screen instead of the default Auth0 branding. You can also use the `acul-screen-generator` skill for full custom login screen design.\n\n---\n\n## Step 4: Use Framework-Specific Skill\n\nBased on your framework detection, use the appropriate skill:\n\n### Tier 1 Frameworks (Dedicated Skills)\n\n**Frontend:**\n- **`auth0-react`** - React SPAs (Vite, Create React App)\n- **`auth0-nextjs`** - Next.js (App Router and Pages Router)\n- **`auth0-vue`** - Vue.js 3 applications\n- **`auth0-nuxt`** - Nuxt 3/4 applications\n- **`auth0-angular`** - Angular 12+ applications\n\n**Backend:**\n- **`auth0-express`** - Express.js web applications\n- **`auth0-flask`** - Flask web applications\n- **`auth0-fastify`** - Fastify web applications\n- **`auth0-fastify-api`** - Fastify API authentication\n- **`express-oauth2-jwt-bearer`** - Node.js/Express API JWT Bearer validation\n- **`auth0-aspnetcore-authentication`** - ASP.NET Core MVC, Razor Pages, Blazor Server web applications\n\n**Mobile:**\n- **`auth0-react-native`** - React Native and Expo (iOS/Android)\n\n### Tier 2 Frameworks (Use Auth0 Docs)\n\nNot yet available as separate skills. Use Auth0 documentation:\n\n**Frontend:**\n- [SvelteKit](https://auth0.com/docs/quickstart/webapp/sveltekit)\n- [Remix](https://auth0.com/docs/quickstart/webapp/remix)\n\n**Backend:**\n- [FastAPI (Python)](https://auth0.com/docs/quickstart/backend/python)\n- [Django (Python)](https://auth0.com/docs/quickstart/webapp/django)\n- [Rails (Ruby)](https://auth0.com/docs/quickstart/webapp/rails)\n- [Laravel (PHP)](https://auth0.com/docs/quickstart/webapp/laravel)\n- [Go](https://auth0.com/docs/quickstart/webapp/golang)\n- [Spring Boot](https://auth0.com/docs/quickstart/webapp/java-spring-boot)\n\n**Mobile:**\n- [iOS (Swift)](https://auth0.com/docs/quickstart/native/ios-swift)\n- [Android (Kotlin)](https://auth0.com/docs/quickstart/native/android)\n- [Flutter](https://auth0.com/docs/quickstart/native/flutter)\n\n---\n\n## Migration from Other Providers\n\n**Migrating from another auth provider?** Use the **`auth0-migration`** skill.\n\nThe migration skill covers:\n- User export from Firebase, Cognito, Supabase, Clerk, etc.\n- Bulk import to Auth0\n- Code migration patterns (before/after examples)\n- JWT validation updates\n- Gradual migration strategies\n\n---\n\n## Reference Documentation\n\n### Environment Variables\nFramework-specific environment variable setup:\n- [Vite, Create React App, Angular](references/environments.md#single-page-applications-spas)\n- [Next.js, Express](references/environments.md#server-side-applications)\n- [React Native, Expo](references/environments.md#mobile-applications)\n\n### Auth0 Concepts\nCore concepts and troubleshooting:\n- [Application Types](references/concepts.md#application-types)\n- [Key Terms](references/concepts.md#key-terms)\n- [OAuth Flows](references/concepts.md#oauth-flows)\n- [Troubleshooting](references/concepts.md#troubleshooting)\n- [Security Best Practices](references/concepts.md#security-best-practices)\n\n### CLI Commands\nComplete Auth0 CLI reference:\n- [CLI Installation](references/cli.md#installation)\n- [Creating Applications](references/cli.md#creating-applications)\n- [User Management](references/cli.md#user-management)\n- [Testing & Debugging](references/cli.md#testing--debugging)\n- [Command Quick Reference](references/cli.md#command-quick-reference)\n\n---\n\n## Common Mistakes\n\n| Mistake | Fix |\n|---------|-----|\n| Wrong application type | SPAs need \"Single Page Application\", server apps need \"Regular Web Application\", mobile needs \"Native\" |\n| Callback URL not configured | Add your app's callback URL to Allowed Callback URLs in Auth0 Dashboard |\n| Using wrong credentials | Client Secret only needed for Regular Web Apps, not SPAs |\n| Hardcoding credentials in code | Always use environment variables, never commit secrets to git |\n| Not testing locally first | Set up localhost URLs in Auth0 before deploying to production |\n| Mixing application types | Don't use SPA SDK for server-side apps or vice versa |\n\n---\n\n## Related Skills\n\n### Core Integration\n- `auth0-migration` - Migrate from other auth providers\n\n### SDK Skills\n- `auth0-spa-js` - SPA integration\n- `auth0-react` - React SPA integration\n- `auth0-nextjs` - Next.js integration\n- `auth0-vue` - Vue.js integration\n- `auth0-nuxt` - Nuxt 3/4 integration\n- `auth0-angular` - Angular integration\n- `auth0-express` - Express.js integration\n- `auth0-flask` - Flask web app integration\n- `auth0-fastify` - Fastify web app integration\n- `auth0-fastify-api` - Fastify API integration\n- `express-oauth2-jwt-bearer` - Node.js/Express API JWT Bearer validation\n- `auth0-react-native` - React Native CLI (bare workflow) integration\n- `auth0-expo` - Expo (managed workflow) integration\n- `auth0-android` - Android (Kotlin/Java) integration\n- `auth0-swift` - iOS/macOS (Swift) integration\n- `auth0-fastapi-api` - FastAPI API authentication\n- `auth0-aspnetcore-authentication` - ASP.NET Core web app authentication\n- `auth0-aspnetcore-api` - ASP.NET Core API authentication\n\n### Advanced Features\n- `auth0-mfa` - Multi-Factor Authentication\n\n---\n\n## References\n\n- [Auth0 Documentation](https://auth0.com/docs)\n- [Auth0 Quickstart Guides](https://auth0.com/docs/quickstart)\n- [Auth0 CLI Documentation](https://auth0.github.io/auth0-cli/)\n- [Auth0 Community Forum](https://community.auth0.com/)\n","contentSource":"skills.sh/api/download/auth0/agent-skills/auth0-quickstart","contentFetchedAt":"2026-07-27T08:59:26.476Z"}],"featured":true,"official":true,"generatedAt":"2026-07-27T09:02:29.956Z"}