diff --git a/.gitignore b/.gitignore
index 2609e75c8..3426ad422 100644
--- a/.gitignore
+++ b/.gitignore
@@ -50,3 +50,11 @@ node_modules
 .vite
 # Ignore local Active Storage
 storage
+
+# Vite Ruby
+/public/vite*
+node_modules
+# Vite uses dotenv and suggests to ignore local-only env files. See
+# https://vitejs.dev/guide/env-and-mode.html#env-files
+*.local
+
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 9f20df076..024208f28 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -25,6 +25,18 @@
 
      Visit the guide for more information: https://vite-ruby.netlify.app/guide/rails
    -->
+    <%= vite_client_tag %>
+    <%= vite_javascript_tag 'application' %>
+    <!--
+      If using a TypeScript entrypoint file:
+        vite_typescript_tag 'application'
+
+      If using a .jsx or .tsx entrypoint, add the extension:
+        vite_javascript_tag 'application.jsx'
+
+      Visit the guide for more information: https://vite-ruby.netlify.app/guide/rails
+    -->
+
 </head>
 <body
   class="
diff --git a/config/initializers/content_security_policy.rb b/config/initializers/content_security_policy.rb
index d51d71397..94221e688 100644
--- a/config/initializers/content_security_policy.rb
+++ b/config/initializers/content_security_policy.rb
@@ -11,7 +11,16 @@
 #     policy.img_src     :self, :https, :data
 #     policy.object_src  :none
 #     policy.script_src  :self, :https
+    # Allow @vite/client to hot reload javascript changes in development
+#    policy.script_src *policy.script_src, :unsafe_eval, "http://#{ ViteRuby.config.host_with_port }" if Rails.env.development?
+
+    # You may need to enable this in production as well depending on your setup.
+#    policy.script_src *policy.script_src, :blob if Rails.env.test?
+
 #     policy.style_src   :self, :https
+    # Allow @vite/client to hot reload style changes in development
+#    policy.style_src *policy.style_src, :unsafe_inline if Rails.env.development?
+
 #     # Specify URI for violation reports
 #     # policy.report_uri "/csp-violation-report-endpoint"
 #   end
diff --git a/package-lock.json b/package-lock.json
index fb573d60e..f87ef6142 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "vite-plugin-rails": "^0.5.0"
       },
       "devDependencies": {
-        "vite": "^5.4.20",
+        "vite": "^5.4.21",
         "vite-plugin-ruby": "^5.1.1"
       }
     },
@@ -1722,9 +1722,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.20",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.20.tgz",
-      "integrity": "sha512-j3lYzGC3P+B5Yfy/pfKNgVEg4+UtcIJcVRt2cDjIOmhLourAqPqf8P7acgxeiSgUB7E3p2P8/3gNIgDLpwzs4g==",
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.21.3",
diff --git a/package.json b/package.json
index b62e6782c..702e903a0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "devDependencies": {
-    "vite": "^5.4.20",
+    "vite": "^5.4.21",
     "vite-plugin-ruby": "^5.1.1"
   },
   "dependencies": {
diff --git a/vite.config.mts b/vite.config.mts
index 7c2800db8..3129636e3 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -1,15 +1,8 @@
 import { defineConfig } from 'vite'
-import RailsPlugin from 'vite-plugin-rails'
-import tailwindcss from '@tailwindcss/vite'
+import RubyPlugin from 'vite-plugin-ruby'
 
 export default defineConfig({
   plugins: [
-    tailwindcss(),
-    RailsPlugin({
-      envVars: { RAILS_ENV: "development" }
-    }),
+    RubyPlugin(),
   ],
-  server: {
-    allowedHosts: ["localhost", "vite"],
-  }
 })
