diff --git a/vite.config.js b/vite.config.js
index 6b36ed216..13242cdee 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,12 +1,18 @@
 import { sveltekit } from '@sveltejs/kit/vite'
+import tailwindcss from '@tailwindcss/vite'
+import mkcert from 'vite-plugin-mkcert'
 
 /** @type {import('vite').UserConfig} */
 const config = {
-  plugins: [sveltekit()],
+  plugins: [mkcert(), tailwindcss(), sveltekit()],
   server: {
-    https: false,
+    https: true,
     host: '127.0.0.1',
-    port: 3333
+    port: 3000
+  },
+  preview: {
+    https: true,
+    port: 4000
   }
 }