Next.js Guides
Guidance on integrating Furo login using Next.js.
1. Download the Git Repository
Download the Furo Next.js Sample project.
Next, install the npm packages.
2. Project Configuration
Go to the [Configuration > For Developers] tab in the Furo Console and perform the following two tasks:
- Copy .env value to .env file in project directory. Or, create a .env file and set the environment variables as follows.
- Change the Default Callback URI in the console’s input box from the default value
https://sample.furo.one/{{YOUR_CLIENT_ID}}tohttp://localhost:3000/{{YOUR_CLIENT_ID}}.
redirectUri and callbackUri
redirectUri and callbackUri
-
These are properties used when redirecting the user to a specific page within the application after login.
-
You can specify redirectUri within the app, and Default Callback URI can be set in the Furo Console.
-
The redirectUri specified within the app is subject to potential malicious manipulation during communication. Therefore, the redirectUri will work correctly only for URIs registered in the Default Callback URI in the Furo Console.
3. Run the Project
Return to the terminal and enter the following command:
You can test the integrated login functionality provided by Furo by going to http://localhost:3000.