Question: TypeScript support for gatsby-* files?

[mrseanbaines]

Summary

Are there any plans to natively support TypeScript for gatsby-* files? I see there was a similar question here, but that's about 3 years old and TypeScript is now a first class citizen in Gatsby so I wonder if this is in the roadmap now?

If not (or until such a day), is there a suggested way to achieve the same effect? Right now I'm registering ts-node in gatsby-config.js and importing/exporting the gatsby config from a separate TypeScript file:

// gatsby-config.js

require('ts-node').register()

module.exports = require('./src/config/gatsby-config.ts')

// src/config/gatsby-config.ts

import { GatsbyConfig } from 'gatsby'

const gatsbyConfig: GatsbyConfig = {
  siteMetadata: {
    siteName: 'My Cool Site',
  },
}

export default gatsbyConfig

[blainekasten]

@mrseanbaines It absolutely is on the roadmap! Though it's hard to pin down when it'll be completed. In the meantime, your approach looks very reasonable!

[mrseanbaines]

Good to hear! And good to know that my approach for now looks okay. Thanks for the response 💥

[muescha]

@blainekasten until it is implemented, maybe the workaround can be placed in docs?

for example here: https://www.gatsbyjs.com/docs/typescript/

[blainekasten]

@muescha that is a neat idea! But I think our time is better spent getting the code to work for it :)