Skip to main content

@krakentech/blueprint-onboarding

This is our package of reusable utilities that we've developed for onboarding workflows.

Next.js Wizard​

The package provides a powerful wizard utility for building multi-step onboarding flows in Next.js. There are two variants available depending on which Next.js router you're using:

Pages Router (createNextWizard)​

For Next.js applications using the Pages Router (pages/ directory):

import { createNextWizard } from '@krakentech/blueprint-onboarding/next-wizard/pages-router';

See the Pages Router documentation for code examples and API reference.

App Router (createNextWizard)​

For Next.js applications using the App Router (app/ directory):

import { createNextWizard } from '@krakentech/blueprint-onboarding/next-wizard/app-router';

See the App Router documentation for code examples and API reference.

useWizard (Client-side only)​

For examples of how to implement a client-side wizard, with easy config to copy and paste, see our code examples, and for more details, please check the API reference.

Here is a simple example to give you an idea:

View Full Story →