From ec89b62c6791f978a609d8d4c75cb38c71d18178 Mon Sep 17 00:00:00 2001
From: david011011 <parathyrasdavid@gmail.com>
Date: Thu, 26 Feb 2026 17:51:02 +0200
Subject: [PATCH] 1. add tailscale documentation 2. beautify some comments in
 vite.config.js

---
 README.md      | 18 ++++++++++++++++++
 vite.config.js |  4 ++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index c82b6e4..d60df18 100644
--- a/README.md
+++ b/README.md
@@ -119,6 +119,24 @@ docker compose up -d
 
 Visit `http://localhost:3000`
 
+### Tailscale Access
+
+Visit `http://<tailscale_server_hostname_or_ip>:3000`
+
+By default, the app uses Vite preview, which restricts access to localhost.  
+To allow access over Tailscale:
+
+1. Open `vite.config.js`
+
+2. Uncomment and configure the `preview` section:
+
+```js
+preview: {
+    host: true,
+    allowedHosts: ['<your_tailscale_hostname>'], // e.g. pi5.tailf5f622.ts.net
+},
+```
+
 For PocketBase, development mode, and advanced setups, see [DOCKER.md](DOCKER.md).
 
 ### Option 2: Manual Installation
diff --git a/vite.config.js b/vite.config.js
index 13d00e0..5d5b68f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -20,12 +20,12 @@ export default defineConfig(({ mode }) => {
             fs: {
                 allow: ['.', 'node_modules'],
                 // host: true,
-                // allowedHosts: ['<device_specific_tailscale_magic_dns_name>'], // e.g. pi5.tailf5f622.ts.net
+                // allowedHosts: ['<your_tailscale_hostname>'], // e.g. pi5.tailf5f622.ts.net
             },
         },
         // preview: {
         //     host: true,
-        //     allowedHosts: ['<device_specific_tailscale_magic_dns_name>'], // e.g. pi5.tailf5f622.ts.net
+        //     allowedHosts: ['<your_tailscale_hostname>'], // e.g. pi5.tailf5f622.ts.net
         // },
         build: {
             outDir: 'dist',