Merge pull request #146 from auth0/nuxt-qs

Nuxt.js Quickstart + other minor improvements

Author: HVish

main/docs.json

@@ -2373,6 +2373,7 @@
                 "group": "Regular Web App",
                 "pages": [
                   "docs/quickstart/webapp/nextjs/index",
+                  "docs/quickstart/webapp/nuxt/index",
                   "docs/quickstart/webapp/express/interactive",
                   "docs/quickstart/webapp/python/interactive",
                   "docs/quickstart/webapp/django/interactive",

main/docs/quickstart/spa/angular/index.mdx

@@ -745,6 +745,17 @@ SECURITY BEST PRACTICES FOR ANGULAR
   ```
 </Accordion>
 
+<Note>
+  **Prerequisites:** Before you begin, ensure you have the following installed:
+
+  - **[Node.js](https://nodejs.org/en/download)** 20 LTS or newer
+  - **[npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)** 10+ or **[yarn](https://classic.yarnpkg.com/lang/en/docs/install/)** 1.22+ or **[pnpm](https://pnpm.io/installation)** 8+
+  - **[jq](https://jqlang.org/)** - Required for Auth0 CLI setup
+
+  **Angular Version Compatibility:** This quickstart works with **Angular 18.x** and newer using the Angular CLI. For older versions of Angular, use the Auth0 Angular SDK v2.
+</Note>
+
+
 ## Get Started
 
 This quickstart demonstrates how to add Auth0 authentication to an Angular application. You'll build a secure single-page app with login and logout functionality using Angular's dependency injection system and the Auth0 Angular SDK.

main/docs/quickstart/spa/react/index.mdx

@@ -666,6 +666,17 @@ import {AuthCodeGroup} from "/snippets/AuthCodeGroup.jsx";
   ```
 </Accordion>
 
+<Note>
+  **Prerequisites:** Before you begin, ensure you have the following installed:
+
+  - **[Node.js](https://nodejs.org/en/download)** 20 LTS or newer
+  - **[npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)** 10+ or **[yarn](https://classic.yarnpkg.com/lang/en/docs/install/)** 1.22+ or **[pnpm](https://pnpm.io/installation)** 8+
+  - **[jq](https://jqlang.org/)** - Required for Auth0 CLI setup
+
+  **React Version Compatibility:** This quickstart works with **React 18.x** and newer.
+</Note>
+
+
 ## Get Started
 
 This quickstart demonstrates how to add Auth0 authentication to a React application. You'll build a secure single-page app with login, logout, and user profile features using the Auth0 React SDK.

main/docs/quickstart/spa/vanillajs/index.mdx

@@ -812,6 +812,17 @@ If you're using Auth0 Organizations:
   ```
 </Accordion>
 
+<Note>
+  **Prerequisites:** Before you begin, ensure you have the following installed:
+
+  - **[Node.js](https://nodejs.org/en/download)** 20 LTS or newer
+  - **[npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)** 10+ or **[yarn](https://classic.yarnpkg.com/lang/en/docs/install/)** 1.22+ or **[pnpm](https://pnpm.io/installation)** 8+
+  - **[jq](https://jqlang.org/)** - Required for Auth0 CLI setup
+
+  **Build Tool:** This quickstart uses **Vite** for development. You can also use the SDK via CDN for a build-tool-free setup.
+</Note>
+
+
 ## Get Started
 
 This quickstart shows how to add Auth0 authentication to a vanilla JavaScript application. You'll create a modern single-page app with secure login functionality using plain JavaScript and the Auth0 SPA SDK.

main/docs/quickstart/spa/vuejs/index.mdx

@@ -697,6 +697,17 @@ Solution: Vue 3 with Vite uses import.meta.env.VITE_* for environment variables,
   ```
 </Accordion>
 
+<Note>
+  **Prerequisites:** Before you begin, ensure you have the following installed:
+
+  - **[Node.js](https://nodejs.org/en/download)** 20 LTS or newer
+  - **[npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)** 10+ or **[yarn](https://classic.yarnpkg.com/lang/en/docs/install/)** 1.22+ or **[pnpm](https://pnpm.io/installation)** 8+
+  - **[jq](https://jqlang.org/)** - Required for Auth0 CLI setup
+
+  **Vue Version Compatibility:** This quickstart works with **Vue 3.x** and newer.
+</Note>
+
+
 ## Get Started
 
 This quickstart demonstrates how to integrate Auth0 authentication into a Vue.js 3 application. You'll build a responsive single-page app with secure user authentication using Vue's composition API and the Auth0 Vue SDK.

main/docs/quickstart/webapp/nextjs/index.mdx

@@ -654,6 +654,17 @@ import {AuthCodeGroup} from "/snippets/AuthCodeGroup.jsx";
   ```
 </Accordion>
 
+<Note>
+  **Prerequisites:** Before you begin, ensure you have the following installed:
+
+  - **[Node.js](https://nodejs.org/en/download)** 20 LTS or newer
+  - **[npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)** 10+ or **[yarn](https://classic.yarnpkg.com/lang/en/docs/install/)** 1.22+ or **[pnpm](https://pnpm.io/installation)** 8+
+  - **[jq](https://jqlang.org/)** - Required for Auth0 CLI setup
+
+  **Next.js Version Compatibility:** This quickstart works with **Next.js 14.x** and **Next.js 15.x** using the App Router.
+</Note>
+
+
 ## Get Started
 
 This quickstart demonstrates how to add Auth0 authentication to a Next.js application. You'll build a full-stack web application with server-side rendering, secure login functionality, and protected routes using the Auth0 Next.js SDK.