qr-on-start

qr-on-start is an NPM package that generates a QR code displaying the URL of your local Next.js development server. This QR code can be scanned to quickly open your development server on a mobile device or another device on the same network.

• Generates a QR code with the device's IP address and the server's port.

Installation

Install the package using npm:

npm install qr-on-start --save-dev

Usage

To use qr-on-start just run the following command in your project terminal

qr-on-start

Example Output

> [email protected] dev
> next dev

   ▲ Next.js 14.1.4
   - Local:        http://localhost:3000

 ✓ Ready in 1280ms

Running in development mode
Scan this QR code to view the app on your device:

▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ ██▀▀▄▄▄██▄█ ▄▄▄▄▄ █
█ █   █ █▀███ ▀ ▀ █ █   █ █
█ █▄▄▄█ █▄▄█▀▀▀ ███ █▄▄▄█ █
█▄▄▄▄▄▄▄█▄█ ▀▄█▄█▄█▄▄▄▄▄▄▄█
█▄ ██▀ ▄ ▀ █▄▀▄█  ▀██  ▀▀██
█▀█▄█▄█▄█▄▀▄█▀▄█ ▀█▄▄▀ █▄ █
█▀▀▀▀ ▄▄█▄▄█▄▄▀ ▀▄▄▄████▀▄█
█ █▄   ▄▀▄█  ▄▄▀▄▀▄█▄▀▄▀▄ █
█▄███▄▄▄▄ ▀█▄ ▄▀▀ ▄▄▄ █ ███
█ ▄▄▄▄▄ █ █▄▄ █ █ █▄█ ▄█▀ █
█ █   █ ██ █▀▀▄█▄▄▄  ▄ ▄▀▀█
█ █▄▄▄█ █▀█▀█ ██▀▀▄▀▀▀█▄█ █
█▄▄▄▄▄▄▄█▄██▄██▄▄▄█▄██▄██▄█

Or visit: http://192.168.0.162:3000

License

This project is licensed under the MIT License.