@getnotes.th: GitHub Daily วันนี้ขอแนะนำ Portless — เครื่องมือ Open Source จาก Vercel Labs ที่เปลี่ยน Port ของ Local Development ให้กลายเป็น URL เช่น localhost:3000 → myapp.localhost localhost:3001 → api.myapp.localhost เวลาเปิดหลายโปรเจกต์พร้อมกันจึงไม่ต้องคอยจำว่าเว็บไหนรันอยู่ Port อะไร และยังเหมาะกับยุคที่เราใช้ Claude Code, Codex หรือ Coding Agent เปิด Dev Server หลายตัวพร้อมกัน สิ่งที่นำไปใช้ได้จริง • เปิด Next.js, Nuxt, Vite, Astro, Express, Angular หรือโปรเจกต์อื่นผ่านชื่อ เช่น myapp.localhost แทนการจำเลข Port • ทำ Monorepo ที่มี Web + API + Admin ให้แยกเป็น myapp.localhost, api.myapp.localhost และ admin.myapp.localhost ได้ • เปิด HTTPS ในเครื่องได้อัตโนมัติ พร้อมสร้าง Local Certificate ให้ ไม่ต้องตั้งค่า Certificate เองทุกโปรเจกต์ • ใช้ Git Worktree หลาย Branch พร้อมกันได้ เช่น Branch fix-ui สามารถได้ URL เป็น fix-ui.myapp.localhost ลดปัญหา Agent หลายตัวแย่ง Port กัน • เปิด LAN Mode เพื่อทดสอบเว็บจากมือถือหรืออุปกรณ์อื่นใน Wi-Fi เดียวกันผ่านชื่อ .local ได้ • ถ้าต้องการแชร์ Dev Server ให้คนอื่น ยังเชื่อมต่อ Tailscale หรือ ngrok เพื่อเปิดออกนอกเครื่องได้ จุดที่น่าสนใจสำหรับคนใช้ AI Coding Agent คือ Agent ไม่ต้องคอยเดาว่า Dev Server รอบนี้อยู่ Port 3000, 3001 หรือ 5173 เพราะสามารถอ้างอิง URL เดิมตามชื่อ Project ได้ตลอด Portless ยัง Auto-detect Framework และกำหนด Port ที่ว่างให้เอง โดยรองรับ Workflow ของ Next.js, Nuxt, Vite, Astro, React Router, Angular, Expo และ React Native รวมถึง Monorepo ข้อควรรู้ Portless ยังเป็นเวอร์ชันก่อน 1.0 ดังนั้น Format หรือพฤติกรรมบางอย่างยังสามารถเปลี่ยนได้ระหว่าง Release HTTPS จะสร้าง Local CA และเพิ่มเข้า Trust Store ของเครื่อง ส่วน macOS/Linux อาจต้องใช้สิทธิ์ sudo ตอน Bind Port 443 ครั้งแรก LAN Mode จะทำให้ Service เข้าถึงได้จากอุปกรณ์อื่นใน Network เดียวกัน จึงควรเปิดเฉพาะตอนที่ต้องการทดสอบจริง โปรเจกต์เป็น Open Source ภายใต้ Apache-2.0 License #Getnotes #GitHubDaily #Portless #Vercel #Localhost

GetNotes

Open In TikTok:

Region: TH

Thursday 03 September 2026 01:33:15 GMT