diff --git a/eleventy.config.js b/eleventy.config.js
index 6375f83..46e0f18 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -5,8 +5,6 @@ import eleventyPDF from "./_config/eleventy-plugin-pdf.js";
 export default async function (eleventyConfig) {
   eleventyConfig.setUseGitIgnore(false);
 
-  eleventyConfig.addPassthroughCopy({"./src/_includes/js/" : "/js"});
-
   eleventyConfig.addLayoutAlias('base', 'layouts/base.html');
   eleventyConfig.addLayoutAlias('pdf', 'layouts/pdf.html');
 
@@ -27,16 +25,16 @@ export default async function (eleventyConfig) {
     return [...collection.getFilteredByGlob('./src/experiences/*.md')]
       .sort((a, b) => a.data.startDate - b.data.startDate).reverse();
   });
-
-  eleventyConfig.addPlugin(eleventyPDF);
-
+  
   eleventyConfig.addPassthroughCopy('src/favicon.ico')
-
+  
+  eleventyConfig.addPlugin(eleventyPDF);
   eleventyConfig.addPlugin(pluginIcons, {
     sources: [{ name: 'lucide', path: 'node_modules/lucide-static/icons', default: true }]
   });
 
   eleventyConfig.addBundle("css");
+  eleventyConfig.addBundle("js");
 
   return {
     markdownTemplateEngine: 'liquid',
diff --git a/src/_includes/layouts/base.html b/src/_includes/layouts/base.html
index 383f757..8f967c8 100644
--- a/src/_includes/layouts/base.html
+++ b/src/_includes/layouts/base.html
@@ -29,6 +29,9 @@
     
     {% include "partials/footer.liquid" %}
 
-    <script src="/js/main.js"></script>
+    {% js %}
+      {% include "js/main.js" %}
+    {% endjs %}
+    <script src="{% getBundleFileUrl "js" %}"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/src/_includes/js/main.js b/src/js/main.js
similarity index 100%
rename from src/_includes/js/main.js
rename to src/js/main.js