add typescript support to app

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -18,6 +18,7 @@
     "@mui/lab": "latest",
     "@mui/material": "latest",
     "@mui/x-tree-view": "^6.17.0",
+    "@types/node": "^20.10.5",
     "cytoscape-d3-force": "latest",
     "cytoscape-node-html-label": "latest",
     "d3": "latest",

pages/index.tsx

@@ -1,8 +1,8 @@
-import Job from "../components/Job";
+import Job from "../components/Job.js";
-import Skill from "../components/Skill";
+import Skill from "../components/Skill.js";
-import Project from "../components/Project";
+import Project from "../components/Project.js";
 import Head from "next/head";
-import { UsefulLinksList } from '../components/UsefulLinks'
+import { UsefulLinksList } from '../components/UsefulLinks/index.js'
 import { SocialLinksList } from '../components/SocialLinks/SocialLinks.js'
 
 export default function Landing({ jobs, skills, projects }) {

tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}