---

This sample app is an open-source sample app, built with Nuxt 3 and Tailwind CSS. This app utilizes the NuxtAuth, to handle authentication.

Look at the Nuxt 3 documentation to learn more.

Deploy Your Own

Table of Contents 📝

1. Features
2. Installation
3. Running the Application
4. Issue Reporting

Features ✨

• Descope Login: Users can login with their Descope credentials.
• User Dashboard: After logging in, users are redirected to a dashboard which displays their session information.
• Navbar: A navigation bar that includes a login/logout button, which adjusts its display based on whether a user is logged in or not.

Installation 💿

1. Clone the repository:

git clone https://github.com/descope-sample-apps/nuxt-sample-app.git

2. Install dependencies:

npm install

3. Setup environment variables:

Use the .env.example file in the repo, and change the name to .env. Then, fill in the following variables with your own information:

1. Nuxt Secret - You must use a 32-bit generated secret. You can generate this secret by running the following command:

openssl rand -base64 32

or by going to this site.

2. Origin - Assign this environment variable to match the correct environment you're using (e.g. http://localhost:3000).

3. Descope Project ID - Descope Project ID you can find under Project Settings, in the console.

4. Descope Access Key - Access Key you can generate under Access Keys, in the console.

Running the Application 🚀

To start the application, run:

npm run dev

Navigate to http://localhost:3000/ in your browser.

Issue Reporting ⚠️

This project is a simple demonstration of integrating Descope into an Nuxt 3 application. For any issues or suggestions, feel free to open an issue in the GitHub repository.

License 📜

This project is licensed under the MIT License - see the LICENSE file for details.