@mandrasch's DDEV Lab

Appearance

Return to top
On this page

Laravel

#::: info 🚧   This chapter is work in progress (WIP) . Happy to hear your feedback / ideas! :::

This is the quickstart for the latest Laravel version:

ddev config --project-type=laravel --docroot=public --create-docroot && \
  ddev start && \
  ddev composer create --prefer-dist laravel/laravel && \
  ddev exec "cat .env.example | sed  -E 's/DB_(HOST|DATABASE|USERNAME|PASSWORD)=(.*)/DB_\1=db/g' > .env" && \
  ddev exec 'sed -i "s#APP_URL=.*#APP_URL=${DDEV_PRIMARY_URL}#g" .env' && \
  ddev exec "php artisan key:generate"

Source: DDEV quick start docs

Vite

The DDEV Quickstart docs now have a full tutorial for using Laravel + Vite since v1.21.1: 🥳

Connect with the community 🤗

There is a dedicated #laravel-Channel on DDEV discord!

Outdated documentation:

Breeze (OUTDATED)

🚧 Work in progress, currently not working 🚧

This will install the Laravel Breeze starter kit. Recently Laravel switched from LaravelMix/Webpack to vite. Thanks to @torenware for the DDEV vite addon.

Demo repository: https://github.com/mandrasch/ddev-laravel-breeze-vite

# Install Laravel via DDEV composer
ddev config --project-type=laravel --docroot=public --create-docroot && \
  ddev start && \
  ddev composer create --prefer-dist laravel/laravel && \
  ddev exec "cat .env.example | sed  -E 's/DB_(HOST|DATABASE|USERNAME|PASSWORD)=(.*)/DB_\1=db/g' > .env" && \
  ddev exec 'sed -i "s#APP_URL=.*#APP_URL=${DDEV_PRIMARY_URL}#g" .env' && \
  ddev exec "php artisan key:generate"

# Install breeze starter kit
ddev composer require laravel/breeze --dev && \
  ddev artisan breeze:install && \
  ddev artisan migrate && \
  ddev exec npm install

# Vite integration via https://github.com/torenware/ddev-viteserve
# Thanks very much to @torenware!
ddev get torenware/ddev-viteserve

Change VITE_PROJECT_DIR=frontend to VITE_PROJECT_DIR=./ in .ddev/docker-compose.viteserve.yaml:

environment:
  # Set the vite-enabled js project here:
  - VITE_PROJECT_DIR=./

Add https and host URL to vite.config.js

import { defineConfig } from "vite";
import laravel from "laravel-vite-plugin";

export default defineConfig({
  plugins: [laravel(["resources/css/app.css", "resources/js/app.js"])],
  server: {
    https: true,
    port: 3001,
    hmr: {
      host: "laravel-breeze-test-vite.ddev.site",
    },
  },
});

IMPORTANT: There was a bug in laravel-vite-plugin, which did not use hmr.host for the blade @vite template. Update to v.0.3 with

ddev exec npm install laravel-vite-plugin@latest

Run the following to apply this:

ddev restart
ddev vite-serve start

Open the login/ page (vite is not used on the index page) with

ddev launch /login

Also getting these warnings

/ddev-laravel-breeze-vite % ddev vite-serve start
 WARN  Moving @tailwindcss/forms that was installed by a different package manager to "node_modules/.ignored
 WARN  Moving alpinejs that was installed by a different package manager to "node_modules/.ignored
 WARN  Moving autoprefixer that was installed by a different package manager to "node_modules/.ignored
 WARN  Moving axios that was installed by a different package manager to "node_modules/.ignored
 WARN  Moving laravel-vite-plugin that was installed by a different package manager to "node_modules/.ignored
 WARN  4 other warnings

Current progress:

Inertia

Embedded Video

By loading this video, you accept the privacy policy and terms of YouTube/Google.