---
title: "Drupal Starter Kits Next.js starter kit"
date: "2024-02-14T06:18:38+00:00"
summary: "Jumpstart your Next.js project with Drupal Starter Kits Headless using our comprehensive starter kit. Learn how to enable, configure, and customize your headless Drupal setup for seamless Next.js integration."
image:
type: "page"
url: "/drupal-starter-kits/drupal-starter-kits-nextjs-starter-kit"
id: "76d1751c-b37a-4ad8-a70f-c4431eda65e1"
---

Rebranding notice!

Acquia announces rebranding of its “Acquia CMS” offering, which includes a collection of Drupal modules. “Acquia CMS” is now referred to as “Drupal Starter Kits”.

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:

1.  Access your Drupal site as an administrator and click **Drupal Starter Kits Wizard**.
    
    The system displays the CMS Dashboard page.
    
2.  In the **Headless** section, select the **Enable Next.js starter kit** checkbox.
    
    ![Enabling nodejs starter-kit](https://acquia.widen.net/content/ibzmeh98dr/jpeg/cms_enable-nodejs-starter-kit.jpeg?crop=false&position=c&color=ffffffff&u=r1vkzh&w=1000&h=780)
    
3.  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](https://acquia.widen.net/content/hcteia8hz8/jpeg/cms_nodejs-environment-variables.jpeg?crop=false&position=c&color=ffffffff&u=r1vkzh&w=1000&h=820)
    
    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](https://acquia.widen.net/content/ylgivgahrz/web/cms_using-next.js-starter-kit.gif?animate=true&u=r1vkzh)

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.