Next.js frontend for Drupal with DDEV

Getting started

In the DDEV project directory launch the command:

ddev get machine-rc/ddev-frontend-nextjs

Restart the DDEV instance:

ddev restart

Access NextJS frontend application on defined port (or 3003 default) via the url: https://your-project-name.ddev.site:3003/

Setup Instructions

Installation

1. Clone the repository:

    git clone [email protected]:machine-rc/ddev-frontend-nextjs.git
    cd ddev-frontend-nextjs
   

2. Navigate to the project directory:

    cd frontend
   

3. Install the dependencies:

    npm install
   

4. Build the project:

    npm run build
   

Docker Setup

Dockerfile

The project includes a Dockerfile to build a Docker image for the service.

Customizations

Current structure allows support for multiple graphql services. To add a new service:

• create a new directory in the frontend directory with the service name.
• copy the Dockerfile from the frontend/nextjs directory and modify it as needed.
• adjust docker-compose.frontend-nextjs.yaml to include the new service by duplicating the dotnet-users service and changing the service name
  • adjust the environment section to expose the new service on a different port