- 👌 Zero-code required
- 🔥 Run high-traffic sales & registrations without crashes or bots
- ⚡️ Control traffic on your website
It's an unofficial module to Nuxt3 framework. It's still under development and require testing. Stable version will be released once those actions will be done. Nuxt2 is not supported, but seprate release will be created if testing on this one pass.
- Install
nuxt-queue-it
!
NPM based
npm add -S nuxt-queue-it
Yarn based
yarn add nuxt-queue-it
PNPM based
pnpm add nuxt-queue-it
Bun based
bun add nuxt-queue-it
-
Add it to the
modules
section ofnuxt.config.ts
export default defineNuxtConfig({ modules: ["nuxt-queue-it"], });
Queue-IT supports a number of options, which you can pass in your nuxt.config.ts
file:
export default defineNuxtConfig({
// ...
queueit: {
/**
* API Key from QueueIT console
* @default null
*/
apiKey: null,
/**
* Customer ID from QueueIT console
* @default null
*/
customerId: null,
/**
* Customer Secret from QueueIT console
* @default null
*/
customerSecretKey: null,
/**
* Disable integation
* @default false
*/
disabled: false,
/**
* Cookie queue-it token with be created with this path
* @default /
*/
cookiePath: "/",
/**
* Which HTTP methods should be ignored and not checked during server calls
* @default ['OPTIONS', 'HEAD']
*/
ignoreHttpMethods: ["OPTIONS", "HEAD"],
/**
* Enable SPA tracking to extend cookie queueit token
* @default true
*/
enableSpaScript: true,
/**
* Enable validation of the cookie on middleware when route changes
* @default true
*/
enableMiddlewareSessionRefresh: true,
/**
* Static files should be excluded from the check
* @default [{ path: '/css/', contains: true },
{ path: '/fonts/', contains: true },
{ path: '/scripts/', contains: true },
{ path: '/_nuxt/', contains: true },
{ path: '/icons/', contains: true },
{ path: '/_ipx/', contains: true },
{ path: '_loading/sse' }]
*/
ignoreHttpPaths: [
{ path: "/css/", contains: true },
{ path: "/fonts/", contains: true },
{ path: "/scripts/", contains: true },
{ path: "/_nuxt/", contains: true },
{ path: "/icons/", contains: true },
{ path: "/_ipx/", contains: true },
{ path: "_loading/sse" },
],
},
});