google analytics & sitemap generator added

Author: sibisiddharth8

index.html

@@ -39,7 +39,7 @@
       "jobTitle": "Full-Stack Developer",
       "worksFor": {
         "@type": "Organization",
-        "name": "izet e-payments pvt ltd"
+        "name": "ibacustech solutions pvt ltd"
       },
       "alumniOf": [
         {

sitemap-generator.ts

@@ -1,5 +1,7 @@
 import axios from 'axios';
 
+declare const console: { warn: (...args: any[]) => void };
+
 export default async function getProjectRoutes() {
   try {
     const response = await axios.get('https://api.sibisiddharth.me/api/projects?limit=1000');
@@ -12,7 +14,11 @@ export default async function getProjectRoutes() {
     // test deploy
     return projects.map(project => `/#/projects/${project.id}`);
   } catch (error) {
-    console.warn('Sitemap: Failed to fetch dynamic routes.', error.message);
+    if (error instanceof Error) {
+      console.warn('Sitemap: Failed to fetch dynamic routes.', error.message);
+    } else {
+      console.warn('Sitemap: Failed to fetch dynamic routes.', String(error));
+    }
     return [];
   }
 }

src/main.tsx

@@ -1,18 +1,44 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import App from './App.tsx'
-import './index.css'
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import App from './App.tsx';
+import './index.css';
 import clarity from '@microsoft/clarity';
 
+const queryClient = new QueryClient();
+
+declare global {
+  interface Window {
+    dataLayer: any[];
+    gtag: (...args: any[]) => void;
+  }
+}
+
 if (import.meta.env.PROD) {
+  // ✅ Initialize Microsoft Clarity
   clarity.init(import.meta.env.VITE_CLARITY_PROJECT_ID);
-}
 
-const queryClient = new QueryClient();
+  // ✅ Initialize Google Analytics (GA4)
+  const gaMeasurementId = import.meta.env.VITE_GA_MEASUREMENT_ID;
+  if (gaMeasurementId) {
+    // Load GA script
+    const script = document.createElement('script');
+    script.async = true;
+    script.src = `https://www.googletagmanager.com/gtag/js?id=${gaMeasurementId}`;
+    document.head.appendChild(script);
+
+    // Initialize GA dataLayer
+    window.dataLayer = window.dataLayer || [];
+    function gtag(...args: any[]) {
+      window.dataLayer.push(args);
+    }
+    gtag('js', new Date());
+    gtag('config', gaMeasurementId);
+  }
+}
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
-    <QueryClientProvider client={queryClient}>
-      <App />
-    </QueryClientProvider>
-)
+  <QueryClientProvider client={queryClient}>
+    <App />
+  </QueryClientProvider>
+);

src/vite-env.d.ts

@@ -2,6 +2,7 @@
 
 interface ImportMetaEnv {
   readonly VITE_CLARITY_PROJECT_ID: string;
+  readonly VITE_GA_MEASUREMENT_ID: string;
 }
 
 interface ImportMeta {

vite.config.ts

@@ -1,14 +1,23 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
-// remove these two lines:
-// import sitemap from 'vite-plugin-sitemap'
-// import getProjectRoutes from './sitemap-generator.js'
+import sitemap from 'vite-plugin-sitemap'
+import getProjectRoutes from './sitemap-generator.js'
 
-export default defineConfig({
-  base: "/",
-  plugins: [
-    react(),
-    tailwindcss(),
-  ],
+export default defineConfig(async ({ command }) => {
+  
+  const dynamicRoutes = command === 'build' ? await getProjectRoutes() : [];
+
+  return {
+    base: "/",
+    plugins: [
+      react(),
+      tailwindcss(),
+      sitemap({
+        hostname: 'https://sibisiddharth.me',
+        routes: ['/', '/#/projects', '/#/terms'],
+        dynamicRoutes: dynamicRoutes,
+      } as any),
+    ],
+  }
 })