First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
To test the app on real Android and iPhone devices, you can do it by Local Network access:
-
Start the dev server with network access:
npm run dev:mobile # or yarn dev:mobile -
Find your local IP address:
- macOS/Linux: Run
ifconfig | grep "inet " | grep -v 127.0.0.1oripconfig getifaddr en0 - Windows: Run
ipconfigand look for IPv4 Address
- macOS/Linux: Run
-
Connect your mobile device:
- Ensure your phone/tablet is on the same Wi-Fi network as your computer
- Open a browser on your device and navigate to:
http://YOUR_IP_ADDRESS:3000 - Example:
http://192.168.1.100:3000
-
Test device detection:
- The app automatically detects Android/iOS devices via user-agent headers
- You should see "Download for Android" on Android devices
- You should see "Download for iPhone" on iOS devices
To dive deeper into Next.js, check out the following resources:
This project is MIT licensed.