diff --git a/src/pages/index.astro b/src/pages/index.astro
index 996932d..21913fe 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,8 @@
 ---
 import Layout from "../layouts/Layout.astro";
-import Events from "../components/Events";
+import Events from "@components/Events";
 import Unete from "../components/Unete.astro";
-import Soon from '../components/Soon.astro'
+import Soon from "../components/Soon.astro";
 import "../components/cssInicio/variables.css";
 import "../components/cssInicio/fondo.css";
 import "../components/cssInicio/navInicio.css";
@@ -13,21 +13,13 @@ import Titulos from "../components/Titulos.astro";
 ---
 
 <Layout title="Welcome to StudentWebHub">
-    <Inicio />
-    <Titulos
-      titulo="Evéntos"
-    />
-    <Events />
-    <Titulos 
-      titulo="Próximo"  
-    />
-    <Soon />
-    <Titulos 
-     titulo="Únete" 
-    />
-    <Unete />
-    <Titulos 
-      titulo="FAQ"  
-    />
-    <Footer/>
+  <Inicio />
+  <Titulos titulo="Evéntos" />
+  <Events client:load />
+  <Titulos titulo="Próximo" />
+  <Soon />
+  <Titulos titulo="Únete" />
+  <Unete />
+  <Titulos titulo="FAQ" />
+  <Footer />
 </Layout>
diff --git a/tsconfig.json b/tsconfig.json
index 032ad64..54b683c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,6 +2,11 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsxImportSource": "react",
+    "baseUrl": ".",
+    "paths": {
+      "@components/*": ["src/components/*"],
+      "@assets/*": ["src/assets/*"]
+    }
   }
-}
\ No newline at end of file
+}