Migrate gatsby files from Javascript to Typescript

Author: openscript

.gatsby/gatsby-config.ts

@@ -0,0 +1,41 @@
+import { TSConfigFn } from "gatsby-plugin-ts-config";
+
+const configuration: TSConfigFn<'config'> = ({ projectRoot }) => ({
+  siteMetadata: {
+    title: `Gatsby Default Starter`,
+    description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
+    author: `@gatsbyjs`,
+    siteUrl: `https://gatsbystarterdefaultsource.gatsbyjs.io/`,
+  },
+  plugins: [
+    `gatsby-plugin-react-helmet`,
+    `gatsby-plugin-image`,
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `images`,
+        path: `${projectRoot}/src/images`,
+      },
+    },
+    `gatsby-transformer-sharp`,
+    `gatsby-plugin-sharp`,
+    {
+      resolve: `gatsby-plugin-manifest`,
+      options: {
+        name: `gatsby-starter-default`,
+        short_name: `starter`,
+        start_url: `/`,
+        background_color: `#663399`,
+        theme_color: `#663399`,
+        display: `minimal-ui`,
+        icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
+      },
+    },
+    `gatsby-plugin-gatsby-cloud`,
+    // this (optional) plugin enables Progressive Web App + Offline functionality
+    // To learn more, visit: https://gatsby.dev/offline
+    // `gatsby-plugin-offline`,
+  ],
+});
+
+export default configuration;

.gatsby/gatsby-node.ts

@@ -0,0 +1,7 @@
+/**
+ * Implement Gatsby's Node APIs in this file.
+ *
+ * See: https://www.gatsbyjs.com/docs/node-apis/
+ */
+
+// You can delete this file if you're not using it

LICENSE

@@ -1,5 +1,6 @@
 The BSD Zero Clause License (0BSD)
 
+Copyright (c) 2021 https://github.com/openscript
 Copyright (c) 2020 Gatsby Inc.
 
 Permission to use, copy, modify, and/or distribute this software for any

README.md

@@ -2,5 +2,5 @@
 
 This is a quite opinionated Gatsby starter. It features:
 
- - Gatsby Configuration with Typescript using 
+ - Gatsby Configuration with Typescript using [gatsby-plugin-ts-config](https://github.com/Js-Brecht/gatsby-plugin-ts-config)
  - Preconfigured VSCode Development Container

gatsby-browser.js gatsby-browser.ts

@@ -1,37 +1,5 @@
-module.exports = {
-  siteMetadata: {
-    title: `Gatsby Default Starter`,
-    description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
-    author: `@gatsbyjs`,
-    siteUrl: `https://gatsbystarterdefaultsource.gatsbyjs.io/`,
-  },
-  plugins: [
-    `gatsby-plugin-react-helmet`,
-    `gatsby-plugin-image`,
-    {
-      resolve: `gatsby-source-filesystem`,
-      options: {
-        name: `images`,
-        path: `${__dirname}/src/images`,
-      },
-    },
-    `gatsby-transformer-sharp`,
-    `gatsby-plugin-sharp`,
-    {
-      resolve: `gatsby-plugin-manifest`,
-      options: {
-        name: `gatsby-starter-default`,
-        short_name: `starter`,
-        start_url: `/`,
-        background_color: `#663399`,
-        theme_color: `#663399`,
-        display: `minimal-ui`,
-        icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
-      },
-    },
-    `gatsby-plugin-gatsby-cloud`,
-    // this (optional) plugin enables Progressive Web App + Offline functionality
-    // To learn more, visit: https://gatsby.dev/offline
-    // `gatsby-plugin-offline`,
-  ],
-}
+const { useGatsbyConfig } = require('gatsby-plugin-ts-config');
+
+module.exports = useGatsbyConfig("./.gatsby/gatsby-config", {
+  type: 'ts-node'
+});

gatsby-config.js

@@ -1,7 +1,6 @@
-/**
- * Implement Gatsby's Node APIs in this file.
- *
- * See: https://www.gatsbyjs.com/docs/node-apis/
- */
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { useGatsbyNode } = require("gatsby-plugin-ts-config");
 
-// You can delete this file if you're not using it
+module.exports = useGatsbyNode(() => require("./.gatsby/gatsby-node"), {
+  type: 'ts-node'
+});