diff --git a/package.json b/package.json
index 50a4d25..5701583 100644
--- a/package.json
+++ b/package.json
@@ -3,13 +3,16 @@
   "version": "1.0.0",
   "description": "A self-hosted ebook management system",
   "scripts": {
-    "build:css": "tailwindcss -i ./cmd/server/static/input.css -o ./cmd/server/static/style.css --watch",
-    "build:css:prod": "tailwindcss -i ./cmd/server/static/input.css -o ./cmd/server/static/style.css --minify",
-    "postinstall": "mkdir -p cmd/server/static && curl -L https://unpkg.com/htmx.org@1.9.10/dist/htmx.min.js -o cmd/server/static/htmx.min.js"
+    "build:css": "tailwindcss -i ./web/static/input.css -o ./web/static/style.css --watch",
+    "build:css:prod": "tailwindcss -i ./web/static/input.css -o ./web/static/style.css --minify",
+    "build:ts": "tsc",
+    "build:ts:watch": "tsc --watch",
+    "postinstall": "mkdir -p web/static && curl -L https://unpkg.com/htmx.org@1.9.10/dist/htmx.min.js -o web/static/htmx.min.js"
   },
   "devDependencies": {
-    "tailwindcss": "^3.4.0",
+    "@tailwindcss/forms": "^0.5.7",
     "autoprefixer": "^10.4.0",
-    "@tailwindcss/forms": "^0.5.7"
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.9.3"
   }
-}
\ No newline at end of file
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..ea7b393
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,38 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: [
+    "./templates/**/*.{templ,html}",
+    "./web/static/**/*.{html,js}"
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          DEFAULT: '#7aa2f7',
+          50: '#f0f9ff',
+          100: '#e0f2fe',
+          200: '#bae6fd',
+          300: '#7dd3fc',
+          400: '#38bdf8',
+          500: '#0ea5e9',
+          600: '#0284c7',
+          700: '#0369a1',
+          800: '#075985',
+          900: '#0c4a6e',
+        },
+        'bg-primary': '#1a1b26',
+        'bg-secondary': '#16161e', 
+        'text-primary': '#a9b1d6',
+        'text-secondary': '#565f89',
+        'accent': '#7aa2f7',
+        'border': '#414868',
+      }
+    }
+  },
+  plugins: [
+    require('@tailwindcss/forms'),
+  ],
+};
+
+export default config;
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..3620011
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ES2020",
+    "lib": ["ES2020", "DOM"],
+    "outDir": "./web/static",
+    "rootDir": "./web/src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "declaration": false,
+    "sourceMap": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": [
+    "web/src/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}