Execution examples by stack

Nuxt

Run a Nuxt frontend using its default development server port.

Name: Web
Command: pnpm dev
URL: http://localhost:3000

Vue or React with Vite

Vite uses port 5173 by default for both Vue and React projects.

Name: Web
Command: pnpm dev
URL: http://localhost:5173

Next.js

Name: Web
Command: pnpm dev
URL: http://localhost:3000

Astro

Name: Web
Command: pnpm dev
URL: http://localhost:4321

Frontend and API

Use separate commands so each process has its own status and logs.

Name: API
Command: pnpm dev:api
URL: http://localhost:4000

Name: Web
Command: pnpm dev:web
URL: http://localhost:3000

Docker Compose

Keep Compose attached so Localdeck can capture logs and observe the running process.

Name: Docker
Command: docker compose up
URL: http://localhost:3000

Nuxt or Next.js with WordPress and MAMP PRO

Localdeck can open MAMP PRO, but its servers may still need to be started manually inside MAMP PRO.

Name: CMS
Command: open -a "MAMP PRO"
URL: https://admin.example.local

Name: Web
Command: pnpm dev
URL: http://localhost:3000

Add the CMS hostname as a linked local URL before using Device Preview.

Frontend with standard MAMP

Name: CMS
Command: /Applications/MAMP/bin/start.sh && tail -f /Applications/MAMP/logs/apache_error.log
URL: http://localhost:8888

Name: Web
Command: pnpm dev
URL: http://localhost:3000

Laravel with Artisan

Name: Laravel
Command: php artisan serve
URL: http://127.0.0.1:8000