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.
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.
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.
For more information on getting started with Next.js, see Next.js starter kit tutorial.
Next.js starter kit demonstration
Important
Currently, site preview is an experimental feature that is only available in the Hybrid mode. It is not available when operating in the Headless mode.