Skip to content

Latest commit

 

History

History
 
 

login-react

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

Login Flow Example

Basic app that shows how to implement login with a third party login provider.

Setup

1 — Clone this repository and install the dependencies

git clone git@github.com:strapi/strapi-examples.git
cd strapi-examples/login-react
yarn install

2 — Install a Strapi backend

In a another folder, run these commands:

yarn create strapi-app my-project --quickstart
# or
npx create-strapi-app my-project --quickstart

3 — Create the Admin user: http://localhost:1337/admin/auth/register

4 — Configure one or several providers by following the instructions here: https://strapi.io/documentation/v3.x/plugins/users-permissions.html#providers

5 - Launch the app

REACT_APP_BACKEND_URL=http://localhost:1337 yarn start

NB: If you use ngrok, use the ngrok url for REACT_APP_BACKEND_URL instead of http://localhost:1337

Env vars

Name Description Example
REACT_APP_BACKEND_URL Required. The absolute url of your Strapi app. http://localhost:1337

Troubleshooting

Make sure you have set the correct backend url using the env variable REACT_APP_BACKEND_URL. If you're using ngrok, the backend url should be the ngrok url, otherwise it should probably be http://localhost:1337.