How to add Alias's / Paths in Typescript & Gatsby

A flower that represents Typescript next to one that represents Gatsby. The word's alias's and paths sit below.

A step by step tutorial for adding alias's and paths to Typescript & Gatsby. Includes an open source Github starter project.

Step One: Create or Update your gatsby-node.js

A screenshot on what a gatsby-node.js file looks like for a 'component' alias. Gist below.

The sample below shows how to add the components alias/path on line 8.

Step Two: Update your tsconfig.json

A screenshot of what the tsconfig.json looks like. Available in the gist below.

The sample below shows how to add the components alias/path on line 16.

Any Questions

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.

How to add Alias's / Paths in Typescript & Gatsby

A step by step tutorial for adding alias's and paths to Typescript & Gatsby. Includes an open source Github starter project.

Step One: Create or Update your gatsby-node.js

Step Two: Update your tsconfig.json

Any Questions

Book a Free Consultation.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details