Kinde Test Application for end to end testing

This is a test application built on top of the Kinde Next.js starter kit. Use this application to test end to end user testing features.

This application contains the following testid attributes for use in browser testing automation tools:

• data-testid="sign-in-button"
• data-testid="sign-up-button"
• data-testid="sign-out-button"
• data-testid="user-profile"

What you need

• A Kinde account (Sign up for free)
• Node.js version 20+

Setup your local environment

1. Fork

2. Clone the repository

   git clone https://github.com/<your_github_username>/kinde-test-application.git

3. Within the project folder install the dependancies

   cd kinde-test-application
   npm install

4. Rename .env.local.sample to .env.local

   Update the file with your application settings. These can be found within the backend application details within the Kinde dashboard

   KINDE_CLIENT_ID=<your_kinde_client_id>
   KINDE_CLIENT_SECRET=<your_kinde_client_secret>
   KINDE_ISSUER_URL=https://<your_kinde_subdomain>.kinde.com
   

Setup Kinde

Within your back-end web application update your settings

Allowed callback URLs

http://localhost:3000/api/auth/kinde_callback

Allowed logout redirect URLs

http://localhost:3000

Note: When you deploy your application, these URLs will have to be updated accordingly

Start your app

1. Run the following command in your terminal:

   npm run dev

2. Open http://localhost:3000 in your browser.

3. Sign up or sign in for your test user.

   Within the Kinde Dashboard, you will see your new user listed within the user view.

Resources

• Kinde Next.js SDK Docs
• Kinde Management API Docs

Get help

• Discord
• Slack