⚠️ This lesson is retired and might contain outdated information.

Linking Between Pages in Gatsby

Amberley Romo
InstructorAmberley Romo
Share this video with your friends

Social Share Links

Send Tweet

Routing between pages in Gatsby relies on the <Link /> component.

This video will show you:

  • How to link between pages in Gatsby.

Further reading

Amberley Romo: [00:00] Routing in Gatsby relies on the Gatsby link component. In this example Gatsby site, I have a basic index page, shown here, and a basic contact page.

[00:10] To create a link from the index page to the contact page, we'll open up the index page file, import the link component from Gatsby, and then add the link component where we want it to go on the page. We'll give it link text of contact, and give it a to property with the contact path. Now, when we save it, we can see on the index page that we now have this link to the contact page.