Drupal + NextJS Starter

Drupal + NextJS Starter
This project provides a starter kit for evaluating a headless Drupal setup with Next.js. It combines Drupal 11 as the content backend with a Next.js 15 frontend, including JSON:API, OAuth, TypeScript, and Tailwind. The environment is containerized using Docker/Docksal, and the repository can be cloned and initialized for testing. The kit is intended to help assess Drupal’s suitability as a backend for a modern Next.js application.
Project Date

Drupal 11 + Next.js Starter Kit

A modern headless CMS starter that combines Drupal 11 as the content management backend with Next.js 15 as the frontend framework.

Features

  • Backend: Drupal 11 with JSON:API, Simple OAuth authentication
  • Frontend: Next.js 15 with App Router, TypeScript, Tailwind CSS
  • Content Types: Pages, Articles, Events with image fields
  • Authentication: OAuth2 client credentials flow
  • Development: Docksal containerized environment

Prerequisites

  • Docksal is installed and running
  • Docker and Docker Compose (installed with Docksal)

Installation

1. Clone and Initialize

git clone git@github.com:willjackson/drupal-nextjs-starter.git d11-nextjs-starter
cd d11-nextjs-starter
fin init

Initialize with Options:

# Initialize with sample content
fin init --content

# Initialize with AI Tools
fin init --ai

# Initialize with both content and AI Tools
fin init --content --ai

Explore this project to try out Drupal and see its utility as a viable, well-supported backend for Next.js. Start managing content with Drupal while leveraging Next.js for a dynamic frontend experience. Invitation is open to use this starter kit and discover its capabilities.

Tags
Project Status
Project Type

Drupal Docksal Starter Template

Drupal Docksal Starter Template
This is a clean starter project for Drupal 11, pre-configured to run in a Docksal development environment.
Project Date

This project provides a clean, Composer-managed Drupal 11 starter site tailored for a smooth development experience with Docksal. It’s intentionally minimal, containing only Drupal core with no contributed modules or themes, making it ideal for developers who want full control over their project’s architecture from the first commit.

What’s Included

This starter ships with a preconfigured Docksal setup using the default LAMP stack, complete with image version pinning to ensure consistent environments. It also includes examples of PHP and MySQL configuration overrides, giving developers a convenient place to adjust settings without touching global system configs.

To streamline setup, the project includes a customizable fin init script that takes care of local bootstrapping tasks. Out of the box, it installs Drupal via Drush and prepares the environment, but you can extend it for tasks such as database imports, enabling modules, preparing settings files, running updates, or managing caches.

Getting Started

If you haven’t installed Docksal yet, begin with the official setup guide at https://docs.docksal.io/getting-started/setup/.

Once your environment is ready, clone the project:

git clone https://github.com/willjackson/Docksal-Drupal-11-Starter.git drupal11
cd drupal11

Run the initialization process:

fin init

This command installs Drupal, configures the environment, and prints login credentials to the terminal. When the process completes, your new site will be available at:

http://drupal11.docksal.site

Learn More

You can explore the full project, view the fin init script, and check out environment configuration examples on GitHub at https://github.com/willjackson/Docksal-Drupal-11-Starter.

This starter aims to provide a clean, dependable foundation for any Drupal 11 build running on Docksal, giving you a predictable environment and a blank slate to develop the features your project actually needs.

Project Status
Project Type
Version
1.0.0