Gatsby Book Launch

“The missing guide to the modern web” launches on Thursday, Sep 29th: Modular: The Web’s New Architecture

ContactSign Up for Free
Community Plugin
View plugin on GitHub

Drupal menus for Gatsby

This module works alongside the Gatsby Live Preview module for Drupal.


npm -i gatsby-plugin-drupal-menus

In your gatsby-config.js add:

module.exports = { plugins: [ gatsby-plugin-drupal-menus ] }


To use this component simply add the following to your site’s where your wish for your menu to appear

<Menu />

And the main menu will appear.

The menu also accepts a prop of menuName which is the drupal machine name for the menu.

If for example, you wished to add the footer menu, you could do something like the following:

<Menu menuName={`footer`} />
© 2022 Gatsby, Inc.