Install your

Where to put your signup form

You can add your signup form to any page.

Behavior

Upon successful signup, this form:


Adds a cookie
Adds the user's JWT access token as a cookie named access.demo1234
Redirects the page

Redirects the page to the path you specify in the dashboard e.g.

yoursite.com/dashboard
Sends an email
Sends the new user a confirmation email in live mode.
In test mode, it does not send an email.

Installation

Add the Userfront Next SDK to your project:

Add the UserfrontProvider to the root layout

The Userfront provider is responsible for initializing the Userfront client.

Use @userfront/next/client with client-side components. These functions include the "use client"; directive.

Use @userfront/next/server for server-side components. These functions include the "use server"; directive.

Render the signup form

UI Toolkit components are included. Import and use them:

The available components are LoginForm, SignupForm, PasswordResetForm and LogoutButton.

View a working example

Next v14 Example on GitHub


Preview
This is a preview of your signup form.