Adding pages to the Marketing Site

Learn how to add pages to the Marketing Site.

To update the site's navigation menu, you can visit the SiteNavigation.tsx component and add a new entry to the menu.

By default, you will see the following object links:

components/SiteNavigation.tsx
const links: Record<string, Link> = { Blog: { label: 'Blog', path: '/blog', }, Docs: { label: 'Docs', path: '/docs', }, Pricing: { label: 'Pricing', path: '/pricing', }, FAQ: { label: 'FAQ', path: '/faq', }, };

The menu is defined in the render function:

<NavigationMenu> <NavigationMenuItem link={links.Blog} /> <NavigationMenuItem link={links.Docs} /> <NavigationMenuItem link={links.Pricing} /> <NavigationMenuItem link={links.FAQ} /> </NavigationMenu>

Assuming we want to add a new menu entry, say About, we would first add the link object:

About: { label: 'About', path: '/about', },

And then we update the menu:

<NavigationMenu> <NavigationMenuItem link={links.About} /> ... </NavigationMenu>

Subscribe to our Newsletter
Get the latest updates about React, Remix, Next.js, Firebase, Supabase and Tailwind CSS