Update gatsby-starter-portfolio-emma from LekoArts/gatsby-themes

gatsby-config.js → gatsby-config.ts

@@ -1,11 +1,9 @@
-require(`dotenv`).config()
+import type { GatsbyConfig, PluginRef } from "gatsby"
+import "dotenv/config"
 
 const shouldAnalyseBundle = process.env.ANALYSE_BUNDLE
 
-/**
- * @type {import('gatsby').GatsbyConfig}
- */
-module.exports = {
+const config: GatsbyConfig = {
   siteMetadata: {
     // You can overwrite values here that are used for the SEO component
     // You can also add new values here to query them like usual
@@ -65,5 +63,7 @@ module.exports = {
         openAnalyzer: false,
       },
     },
-  ].filter(Boolean),
+  ].filter(Boolean) as Array<PluginRef>,
 }
+
+export default config

gatsby-ssr.tsx

@@ -0,0 +1,5 @@
+import type { GatsbySSR } from "gatsby"
+
+export const onRenderBody: GatsbySSR["onRenderBody"] = ({ setHtmlAttributes }) => {
+  setHtmlAttributes({ lang: `en` })
+}

package.json

@@ -17,14 +17,18 @@
   },
   "dependencies": {
     "@lekoarts/gatsby-theme-emma": "^5.0.0",
-    "gatsby": "^5.2.0",
-    "gatsby-plugin-manifest": "^5.2.0",
-    "gatsby-plugin-sitemap": "^6.2.0",
+    "gatsby": "^5.3.3",
+    "gatsby-plugin-manifest": "^5.3.1",
+    "gatsby-plugin-sitemap": "^6.3.1",
     "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.30",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "cross-env": "^7.0.3"
+    "@types/node": "^18.11.18",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.10",
+    "cross-env": "^7.0.3",
+    "typescript": "^4.9.4"
   }
 }

src/pages/404.jsx → src/pages/404.tsx

@@ -1,11 +1,11 @@
 import * as React from "react"
-import { Link } from "gatsby"
+import { HeadFC, Link, PageProps } from "gatsby"
 import { Container, Link as TLink } from "theme-ui"
 import { Themed } from "@theme-ui/mdx"
 import Layout from "@lekoarts/gatsby-theme-emma/src/components/layout"
 import Seo from "@lekoarts/gatsby-theme-emma/src/components/seo"
 
-const NotFound = () => (
+const NotFound = (_props: PageProps) => (
   <Layout>
     <Container>
       <Themed.p>
@@ -22,4 +22,4 @@ const NotFound = () => (
 
 export default NotFound
 
-export const Head = () => <Seo title="404 - Not Found" />
+export const Head: HeadFC = () => <Seo title="404 - Not Found" />

tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "lib": ["dom", "esnext"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "theme-ui",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "./src/**/*",
+    "./gatsby-node.ts",
+    "./gatsby-config.ts",
+    "./plugins/**/*"
+  ]
+}