Mega Menu - NextJS in 2024

[joel1 (Joel Mercer)]

Hey all,

I have followed the Mega menu blogpost to the tee found here

I have also looked at all the previous topic 'answers' and none of them seem to work as of now. I for the life of me can not figure out how to get the sub-menu items, columns etc into my nav component using the suggested Graphquery format. Does anyone have a working example of this in the current versions of Prismic and NextJS that I can take a look at?

[Phil (Phil Snow)]

Hi Joel,

I answered that here:

Mega menu

In your Next.js page or layout component, you can fetch the layout data. You'll likely want to make this query in your layout component or in each page component, depending on your architecture. Here's how you might fetch the layout data, including handling variations for menu items with and without sub-menus: import { client } from '../prismicio'; export async function getLayoutData() { const layoutData = await client.getSingle('layout', { graphQuery: `{ layout { ...layou…

You mentioned this didn't work for you. What exactly doesn't work? Do you have examples or error messages?

Thanks/

[elegant-type]

Hello,
You may check out my post; I created a two-level menu using GraphQuery: problem-of-fetching-data-of-content-relatioinship-using-graphquery
I hope that helps.