Chapter ThreeContact Chapter Three for your next project

Getting Started

Introduction Demo Frequenty Asked Questions Upgrade Guide Changelog Known Issues

Drupal Client

Introduction Configuration Environment Variables Preview Mode TypeScript

Working with JSON:API

Fetching Resources (GET) Creating Resources (POST) Updating Resources (PATCH) Deleting Resources (DELETE)

Building Pages

Basic Example Dynamic Pages Advanced Example

Customization

Authentication Fetcher Serializer Caching

Reference

getResource getResourceFromContext getResourceByPath getResourceCollection getResourceCollectionFromContext createResource createFileResource updateResource deleteResource getStaticPathsFromContext translatePath translatePathFromContext getPathFromContext getEntryForResourceType preview getAccessToken getMenu getView getSearchIndex buildUrl fetch deserialize

Drupal

SitePreviewer SiteResolver Revalidator Entity Events
SlackDrupalGitHub

Next 1.4

November 10, 2022 - @shadcn

One of the most requested features of Next.js for Drupal has been GraphQL support.

When we started working on Next.js for Drupal, GraphQL for Drupal was in between releases. We started looking into supporting GraphQL but version 4 shipped without schema definitions and onboarding took some learning.

We've been following the work done by the GraphQL team closely. A few months ago, jmolivas announced GraphQL Compose, a GraphQL spec compliant schema generation for the GraphQL module v4.x.

This is exactly what we've been waiting for.

Today, we are announcing next 1.4 with support for GraphQL using GraphQL Compose.

composer require 'drupal/next:^1.4' 'drupal/graphql:^4.4' 'drupal/graphql_compose:^1.0@beta'

All the features of Next.js, including Preview Mode, work out of the box.

GraphQL Starter

We built a new Next.js starter for GraphQL. Check it out:

npx create-next-app -e https://github.com/chapter-three/next-drupal-graphql-starter

Getting Started

The Quick Start section now includes guides for configuring GraphQL for Next.js. You can see the guide here.