{"componentChunkName":"component---src-templates-post-js","path":"/blog/adding-menu-items","webpackCompilationHash":"1ba5a575cf0ff20ad142","result":{"data":{"markdownRemark":{"frontmatter":{"title":"Adding menu items","description":"Add menu items in GraphQL to create a dynamic menu","image":"/assets/img/07.jpg"},"html":"<p>The menu items translations are located in <code class=\"language-text\">config/menu</code> and the <code class=\"language-text\">useMenu</code> custom hook pulls these translations (via GraphQL query) and inserts them into the pages.</p>\n<p><a href=\"http://www.google.com\">Link to Google</a> <br/>\n<a href=\"/about\">Internal link</a></p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token punctuation\">{</span>\n  <span class=\"token string\">\"menuItems\"</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n    <span class=\"token punctuation\">{</span> <span class=\"token string\">\"name\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"Home\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"link\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"/\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">{</span> <span class=\"token string\">\"name\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"About\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"link\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"/about-me\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">{</span> <span class=\"token string\">\"name\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"Blog\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"link\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"/blog\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">{</span> <span class=\"token string\">\"name\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"Contact\"</span><span class=\"token punctuation\">,</span> <span class=\"token string\">\"link\"</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"/contact\"</span> <span class=\"token punctuation\">}</span>\n  <span class=\"token punctuation\">]</span>\n<span class=\"token punctuation\">}</span></code></pre></div>"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"locale":"en","title":"Adding menu items"}}}