How to get KAKAO_CLIENT_SECRET

by

To obtain the KAKAO_CLIENT_ID and KAKAO_CLIENT_SECRET for integrating Kakao Login in your Next.js application, follow these steps:

1. Create a Kakao Developers Account

  • Go to Kakao Developers.
  • Log in with your Kakao account. If you don't have one, you'll need to create a Kakao account first.

2. Create a New Application

  1. Go to My Applications:

    • After logging in, navigate to the "My Applications" tab from the Kakao Developers dashboard.
  2. Create a New Application:
    • Click on the "Create App" button.
    • Enter the name of your application and agree to the terms and conditions, then click "Create."

3. Get the KAKAO_CLIENT_ID (REST API Key)

  1. Go to the App Settings:

    • After creating the app, you'll be redirected to the app's dashboard.
  2. Find the REST API Key:
    • In the app settings, go to the "Kakao Login" section under the "Products" tab on the left sidebar.
    • Here, you will find your REST API Key. This is your KAKAO_CLIENT_ID.

4. Set Up Redirect URI

  1. Enable Kakao Login:

    • In the "Kakao Login" settings, turn on the Kakao Login toggle.
  2. Set the Redirect URI:
    • Add the following Redirect URI: 
      http://localhost:3000/api/auth/callback/kakao
    • If you are deploying to production, make sure to add the appropriate URI for your production environment as well.

5. Get the KAKAO_CLIENT_SECRET

  1. Client Secret Setting:
    • In the "Kakao Login" settings, scroll down to find the Client Secret option.
    • Generate a client secret by clicking the "Generate" button (if it's not already generated).
    • This will be your KAKAO_CLIENT_SECRET.

6. Add the Keys to Your .env.local File

Once you have both the KAKAO_CLIENT_ID and KAKAO_CLIENT_SECRET, add them to your Next.js project's .env.local file:

NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your_generated_nextauth_secret

KAKAO_CLIENT_ID=your_kakao_client_id_here
KAKAO_CLIENT_SECRET=your_kakao_client_secret_here
KAKAO_REDIRECT_URI=http://localhost:3000/api/auth/callback/kakao

Summary

  • KAKAO_CLIENT_ID corresponds to the REST API Key you get from the Kakao Developers dashboard.
  • KAKAO_CLIENT_SECRET can be generated in the Kakao Login settings of your application on the Kakao Developers site.

These keys are essential for integrating Kakao Login into your application using NextAuth.js or any other OAuth-based authentication system.

Leave a Comment