Refactor HTML structure, update Vite configuration for local deployment, and remove unused scripts from package.json

DDH2004 · DDH2004 · commit dc71ef0e7079 · 2025-03-30T07:17:37.000Z
diff --git a/index.html b/index.html
@@ -1,14 +1,14 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Akhil Devarasetty | CSE Student & Developer</title>
-    <meta name="description" content="Personal website of Akhil Devarasetty - Computer Science and Engineering Student">
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Akhil Devarasetty</title>
+  <!-- Preload JS with proper type -->
+  <link rel="modulepreload" href="./src/main.tsx" as="script" type="text/javascript" />
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="./src/main.tsx"></script>
+</body>
 </html>
diff --git a/package.json b/package.json
@@ -4,8 +4,6 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "predeploy" : "npm run build",
-    "deploy" : "gh-pages -d dist",
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint .",
diff --git a/vite.config.ts b/vite.config.ts
@@ -3,11 +3,21 @@ import react from '@vitejs/plugin-react';
 import { plugin as markdown } from 'vite-plugin-markdown';
 
 export default defineConfig({
-  base: '/DDH2004.github.io/', // Add this line with your repo name
+  base: './', // Change from '/DDH2004.github.io/' to './'
   plugins: [
     react(),
     markdown({
-      mode: 'html' // Using just html mode to avoid TypeScript errors
+      mode: 'html'
     })
-  ]
+  ],
+  build: {
+    rollupOptions: {
+      output: {
+        // Ensure proper extensions for all files
+        entryFileNames: 'assets/[name]-[hash].js',
+        chunkFileNames: 'assets/[name]-[hash].js',
+        assetFileNames: 'assets/[name]-[hash].[ext]'
+      }
+    }
+  }
 });
