gurkanyigitgr / next-auth-app

Next-Auth Login Authentication - 101

This project demonstrates a basic login authentication example using Next.js and the Next-Auth library. The project provides a simple login system where users can log in with a hardcoded username/password or through their GitHub accounts.

Screenshots

Getting Started

1. Clone the project to your computer or download and extract the ZIP file.
2. Open the terminal and navigate to the project folder:

cd next-auth-app

1. Install the necessary dependencies by running the following command:

npm install

1. For Github OAuth settings :

• Go to the GitHub Developer Settings page.
• Create a new OAuth application: . Provide an appropriate "Application name" (e.g., Next-Auth Login Tutorial). . In the "Homepage URL" field, enter http://localhost:3000. . In the "Authorization callback URL" field, enter 'http://localhost:3000/api/auth/callback/github'.
• Copy the "Client ID" and "Client Secret" values of the created application.

2. Create a file named .env.local in the project root directory and add the following content:

GITHUB_CLIENT_ID=<GitHub Client ID> GITHUB_CLIENT_SECRET=<GitHub Client Secret>

Replace and with the corresponding values from your GitHub OAuth application.

1. Start the project by running the following command:

npm run dev The project should now be running at http://localhost:3000. Open your browser and navigate to this address to see the project.