• Intro
• Requirements
• Setup
  • Demo 1: Host with artisan server

This project is designed as a demo for BrowserSync with DDEV.

It is based on Laravel 9. It runs BrowserSync through laravel-mix.

• PHP 8
• DDEV 1.19

• Clone project
• Start DDEV

ddev start

• Install depenendencies & packages

ddev composer install
ddev ssh
npm install

• Copy .env.example to .env

cp .env.example .env

• Add Laravel key

php artisan key:generate

Confirm browser sync works on host.

• Run Laravel's serer

php artisan serve

• In a seperate terminal, run laravel-mix watcher

npm run watch

• Visit http://127.0.0.1:8000 in browser
• Update ./resources/views/welcome.blade.php and confirm browser refreshed.