diff --git a/bun.lockb b/bun.lockb
index 7d47806..6380924 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/next-env.d.ts b/next-env.d.ts
new file mode 100644
index 0000000..4f11a03
--- /dev/null
+++ b/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.
diff --git a/package.json b/package.json
index 103ddbb..2a38f76 100644
--- a/package.json
+++ b/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",
diff --git a/pages/index.js b/pages/index.tsx
similarity index 96%
rename from pages/index.js
rename to pages/index.tsx
index 019e438..4dbc260 100644
--- a/pages/index.js
+++ b/pages/index.tsx
@@ -1,8 +1,8 @@
-import Job from "../components/Job";
-import Skill from "../components/Skill";
-import Project from "../components/Project";
+import Job from "../components/Job.js";
+import Skill from "../components/Skill.js";
+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 }) {
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..65348e8
--- /dev/null
+++ b/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"
+  ]
+}