Overview:

The Kinde Starter Kit is a Nuxt 3 project that allows users to set up an account on Kinde and authenticate their app. It provides a seamless integration between the Nuxt application and the Kinde backend.

Features:

• Account Setup: Users can register an account on Kinde to get started with the Nuxt 3 project.
• Environment Setup: Clone the repo and install the dependencies using npm i.
• URL Configuration: Set up the callback and logout URLs in Kinde to redirect users back to the Nuxt application.
• Authentication: Users will be redirected to Kinde to authenticate and upon successful login or registration, they will be redirected back to the Nuxt app.
• Redirect Setting: Specify the URL for user authentication and logout redirect in Kinde settings.
• User Management: View and manage registered users in the Kinde backend.

Installation:

To install and set up the Kinde Starter Kit for your Nuxt 3 project, follow these steps:

1. Register an account on Kinde.
2. Clone the repo and install dependencies using the following command:

npm i

3. Create a copy of .env.example and rename it to .env.
4. Replace the necessary values in the .env file with the corresponding values from the Kinde Settings -> Applications -> Backend app page.
5. Set the callback URL and logout redirect URL in Kinde settings:

• Set Allowed callback URLs to http://localhost:3000/api/auth/callback.
• Set Allowed logout redirect URLs to http://localhost:3000. (Note: These URLs may vary based on your local environment setup)

6. Start your project by running the following command in a terminal:

npm run dev

7. Access the application by navigating to http://localhost:3000.
8. Click on “Sign up” and register your first user for your business.
9. To view and manage users, navigate to the “Users” page within Kinde.

For more details and advanced deployment options, refer to the Nuxt 3 documentation.

Summary:

The Kinde Starter Kit is a helpful tool for integrating Kinde authentication into your Nuxt 3 application. With simple installation steps and easy configuration of redirect URLs, users can seamlessly register, log in, and manage their accounts within your Nuxt app.