The Next.js starter kit helps you start your Next.js project with Drupal Starter Kits Headless. It does this with a CMS feature and a node project.

Initiating the Next.js starter kit in Drupal Starter Kits

During the Drupal Starter Kits Headless starter kit installation, you can enable the Next.js starter kit.

To enable the Next.js starter kit:

• Access your Drupal site as an administrator and click Drupal Starter Kits Wizard.

  The system displays the CMS Dashboard page.

• In the Headless section, select the Enable Next.js starter kit checkbox.

  Enabling nodejs starter-kit

• Click Save.

  The Next.js starter kit:

  • Generates and sets up OAuth SSL certificates.
  • Creates a Next.js user in CMS.
  • Creates a Next.js consumer and generates a secret.
  • Configures the consumer with the user and headless roles.
  • Enables the Next.js module.
  • Creates a Next.js site.
  • Configures the content type for Next.js.

  The system displays the environment variables for the Next.js application.

  Nodejs environment variable

  Important

  You must copy and store these environment variables in the .env.local file for your Next.js application.

After the starter kit is available, you can modify the configuration to fit your needs. You can rename next.js sites, users, and consumers, and set new consumer secrets.

Next.js starter kit demonstration

Using the Next.js starter kit

Drupal Starter Kits Next.js starter kit