Now 100x Faster

Read the latest from Gatsby CTO Kyle Mathews Re-introducing Gatsby, a Reactive Site Generator

ContactSign Up for Free
Community Plugin
View plugin on GitHub

gatsby-source-strapi-plugin-navigation

Gatsby source plugin for pulling navigation/menu into Gatsby as graphQL nodes from a strapi instace that uses the strapi-plugin-navigation.

Install

yarn add gatsby-source-strapi-plugin-navigation

How to use

In your gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: `gatsby-source-strapi-plugin-navigation`,
      options: {
        apiURL: `http://localhost:1337`,
        queryLimit: 100,
        navigationEndpoint: [`navigation`],
      },
    },
  ],
};

Strapi plugin navigation example

strapi-plugin-navigation example

GraphiQL example in gatsby

GraphiQL example in gatsby

© 2022 Gatsby, Inc.