Next.js’i dış IP’ye açman lazım

Varsayılan olarak npm run dev bazen sadece localhost’a (127.0.0.1) bind eder. Bu durumda telefon erişemez.

Şöyle çalıştır:

npm run dev -- -H 0.0.0.0

veya:

next dev -H 0.0.0.0 -p 3000

Bu şu anlama gelir:
👉 Sunucu tüm ağ arayüzlerine açılır (LAN dahil)

—

🌐 2. Doğru IP adresini kullan

http://192.168.1.27:3000

Telefonda tarayıcıya aynen bunu yaz.

—

CachyOS (Arch tabanlı) kullanıyorsun, muhtemelen ufw veya iptables/nftables var.

Kontrol et:

sudo ufw status

Eğer aktifse:

sudo ufw allow 3000

—

Şunlara dikkat et:

—

Yeni Next.js sürümlerinde bazen external access engellenir.

Gerekirse:

next dev -H 0.0.0.0 --turbo

veya next.config.js içinde ekstra config gerekebilir (nadiren).

—

Telefonu aç → sayfa açık → kod değiştir → otomatik yenilenir
👉 gerçek cihaz testinin en güzel yanı bu

—

Telefon Chrome → PC Chrome ile bağla:

chrome://inspect

Telefonu USB ile bağla
👉 Mobil tarayıcıyı PC’den debug edebilirsin

—

Eğer Wi-Fi uğraştırırsa:

npx ngrok http 3000

Bu sana public URL verir:

https://abc123.ngrok.io

👉 Telefonda direkt açarsın

—

✔ Aynı ağdaysan mümkün
✔ 0.0.0.0 ile başlat
✔ Firewall’ı aç
✔ IP ile gir