Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
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`} />
© 2023 Gatsby, Inc.