{"id":21465537,"url":"https://github.com/jacobhsu/react-auth0","last_synced_at":"2026-04-17T07:32:39.720Z","repository":{"id":80730773,"uuid":"523252925","full_name":"JacobHsu/react-auth0","owner":"JacobHsu","description":null,"archived":false,"fork":false,"pushed_at":"2022-08-16T08:58:52.000Z","size":199,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-17T05:45:03.295Z","etag":null,"topics":["vercel"],"latest_commit_sha":null,"homepage":"https://react-auth0-theta.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JacobHsu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-10T07:58:24.000Z","updated_at":"2022-08-10T09:24:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"7f53a412-8686-4630-9e0a-82597085e3d9","html_url":"https://github.com/JacobHsu/react-auth0","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JacobHsu/react-auth0","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacobHsu%2Freact-auth0","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacobHsu%2Freact-auth0/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacobHsu%2Freact-auth0/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacobHsu%2Freact-auth0/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JacobHsu","download_url":"https://codeload.github.com/JacobHsu/react-auth0/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacobHsu%2Freact-auth0/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31920007,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"online","status_checked_at":"2026-04-17T02:00:06.879Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["vercel"],"created_at":"2024-11-23T08:10:44.730Z","updated_at":"2026-04-17T07:32:39.710Z","avatar_url":"https://github.com/JacobHsu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Auth0 React SDK Sample Application\n\n[Add a Twitter Social Connection in ~10 Minutes With Auth0](https://www.youtube.com/watch?v=zj48buoJvX4)  \n[auth0-react-samples](https://github.com/auth0-samples/auth0-react-samples/tree/master/Sample-01)\n\nreact-social-login \u003e Settings\n\nAllowed Callback URLs / Allowed Logout URLs / Allowed Web Origins\n`http://localhost:3000, http://localhost:3001, http://localhost:5000`\n\n## developers.facebook\n\n[facebook-social-connection](https://marketplace.auth0.com/integrations/facebook-social-connection)\n\n使用 JavaScript SDK 登入 `是`  \nFacebook登入 \u003e 用戶端 OAuth 設定\n\n有效的 OAuth 重新導向 URI `https://jacobhsu.us.auth0.com/login/callback`\nJavaScript SDK 允許的網域 `https://jacobhsu.us.auth0.com`\n\n## developer.twitter\n\nUser authentication settings \u003e `OAuth 1.0a`  \nCallback URI `https://jacobhsu.us.auth0.com/login/callback`  \nWebsite URL `https://jacobhsu.us.auth0.com`\n\n## Discord\n\n[discord-social-connection](https://marketplace.auth0.com/integrations/discord-social-connection)  \n\nOAuth2\nClient information `CLIENT ID` `CLIENT SECRET`  \nRedirects `https://jacobhsu.us.auth0.com/login/callback`  \n\n## localhost  \n\nreact-auth0\u003e`serve build`  \nhttp://localhost:5000  \n\n## Passwordless\n\n[old] auth0-blog / [swapart](https://github.com/auth0-blog/swapart)  \n\n[SMS Passwordless Authentication](https://auth0.com/blog/sms-passwordless-authentication/?utm_source=medium\u0026utm_medium=sc\u0026utm_campaign=sms_passwordless)  \n[Lock v11 for Web](https://auth0.com/docs/libraries/lock)\n\n\n## Auth0 React SDK Sample Application\n\nThis sample demonstrates the integration of [Auth0 React SDK](https://github.com/auth0/auth0-react) into a React application created using [create-react-app](https://reactjs.org/docs/create-a-new-react-app.html). The sample is a companion to the [Auth0 React SDK Quickstart](https://auth0.com/docs/quickstart/spa/react).\n\nThis sample demonstrates the following use cases:\n\n- [Login](https://github.com/auth0-samples/auth0-react-samples/blob/master/Sample-01/src/components/NavBar.js#L72-L79)\n- [Logout](https://github.com/auth0-samples/auth0-react-samples/blob/master/Sample-01/src/components/NavBar.js#L102-L108)\n- [Showing the user profile](https://github.com/auth0-samples/auth0-react-samples/blob/master/Sample-01/src/views/Profile.js)\n- [Protecting routes](https://github.com/auth0-samples/auth0-react-samples/blob/master/Sample-01/src/views/Profile.js#L33)\n- [Calling APIs](https://github.com/auth0-samples/auth0-react-samples/blob/master/Sample-01/src/views/ExternalApi.js)\n\n## Project setup\n\nUse `npm` to install the project dependencies:\n\n```bash\nnpm install\n```\n\n## Configuration\n\n### Create an API\n\nFor the [\"call an API\"](https://auth0.com/docs/quickstart/spa/react/02-calling-an-api) page to work, you will need to [create an API](https://auth0.com/docs/apis) using the [management dashboard](https://manage.auth0.com/#/apis). This will give you an API identifier that you can use in the `audience` configuration field below.\n\nIf you do not wish to use an API or observe the API call working, you should not specify the `audience` value in the next step. Otherwise, you will receive a \"Service not found\" error when trying to authenticate.\n\n### Configure credentials\n\nThe project needs to be configured with your Auth0 domain and client ID in order for the authentication flow to work.\n\nTo do this, first copy `src/auth_config.json.example` into a new file in the same folder called `src/auth_config.json`, and replace the values with your own Auth0 application credentials, and optionally the base URLs of your application and API:\n\n```json\n{\n  \"domain\": \"{YOUR AUTH0 DOMAIN}\",\n  \"clientId\": \"{YOUR AUTH0 CLIENT ID}\",\n  \"audience\": \"{YOUR AUTH0 API_IDENTIFIER}\",\n  \"appOrigin\": \"{OPTIONAL: THE BASE URL OF YOUR APPLICATION (default: http://localhost:3000)}\",\n  \"apiOrigin\": \"{OPTIONAL: THE BASE URL OF YOUR API (default: http://localhost:3001)}\"\n}\n```\n\n**Note**: Do not specify a value for `audience` here if you do not wish to use the API part of the sample.\n\n## Run the sample\n\n### Compile and hot-reload for development\n\nThis compiles and serves the React app and starts the backend API server on port 3001.\n\n```bash\nnpm run dev\n```\n\n## Deployment\n\n### Compiles and minifies for production\n\n```bash\nnpm run build\n```\n\n### Docker build\n\nTo build and run the Docker image, run `exec.sh`, or `exec.ps1` on Windows.\n\n### Run your tests\n\n```bash\nnpm run test\n```\n\n## Frequently Asked Questions\n\nIf you're having issues running the sample applications, including issues such as users not being authenticated on page refresh, please [check the auth0-react FAQ](https://github.com/auth0/auth0-react/blob/master/FAQ.md).\n\n## What is Auth0?\n\nAuth0 helps you to:\n\n* Add authentication with [multiple sources](https://auth0.com/docs/identityproviders), either social identity providers such as **Google, Facebook, Microsoft Account, LinkedIn, GitHub, Twitter, Box, Salesforce** (amongst others), or enterprise identity systems like **Windows Azure AD, Google Apps, Active Directory, ADFS, or any SAML Identity Provider**.\n* Add authentication through more traditional **[username/password databases](https://auth0.com/docs/connections/database/custom-db)**.\n* Add support for **[linking different user accounts](https://auth0.com/docs/users/user-account-linking)** with the same user.\n* Support for generating signed [JSON Web Tokens](https://auth0.com/docs/tokens/json-web-tokens) to call your APIs and **flow the user identity** securely.\n* Analytics of how, when, and where users are logging in.\n* Pull data from other sources and add it to the user profile through [JavaScript rules](https://auth0.com/docs/rules).\n\n## Create a Free Auth0 Account\n\n1. Go to [Auth0](https://auth0.com) and click **Sign Up**.\n2. Use Google, GitHub, or Microsoft Account to login.\n\n## Issue Reporting\n\nIf you have found a bug or if you have a feature request, please report them at this repository issues section. Please do not report security vulnerabilities on the public GitHub issue tracker. The [Responsible Disclosure Program](https://auth0.com/responsible-disclosure-policy) details the procedure for disclosing security issues.\n\n## Author\n\n[Auth0](https://auth0.com)\n\n## License\n\nThis project is licensed under the MIT license. See the [LICENSE](../LICENSE) file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacobhsu%2Freact-auth0","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjacobhsu%2Freact-auth0","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacobhsu%2Freact-auth0/lists"}