Pages & links

Build out your site's pages, then link between them. Each page is a real Next.js route, and home is /.

Pages

Manage pages in the Pages panel in the left sidebar.

Press + to add a page. You can create three kinds:

• New Page - a normal page at its own URL.
• 404 Page - the page shown when a visitor lands on a URL that doesn't exist.
• New CMS Page - a page driven by a collection. Pick the collection (for example, Blog), then choose one of two kinds:
  • Index - one page that lists every item in the collection, like /blog.
  • Detail Page - one template that renders a separate page for every item, on a dynamic route like /blog/[slug]. See Showing content.

Rename, reorder, and delete pages from the same panel. Folders act as route groups.

Links

Add a Link to any element - text, a button, an image - to send visitors somewhere.

• Link To - a page in your project, an external URL (https:// or mailto:), or an anchor (#section) on the current page. For external links, toggle open-in-new-tab.
• Rel - add rel attributes for SEO and security: No Follow, No Referrer, UGC, Sponsored. (noopener is added automatically for new-tab links.)
• Parameters - Keep forwards the current page's query string to the link; Ignore sends a clean URL.
• Tracking - give the link a tracking ID so its clicks can count toward an A/B test goal.

Scroll to a section

1. Give the target element an id on its page - that marks it as an anchor.
2. On the link, choose that page. Its anchors appear automatically, so you just pick the section to scroll to - no need to type the #id yourself.
3. Set a scroll offset so the section doesn't sit under a fixed header.

Wrap a button or nav item in a link to make the whole element clickable.