mrlinnth · September 17, 2025 03:28
diff --git a/README.md b/README.md
diff --git a/config.yaml b/config.yaml
 # laravel12-starter/.ddev/config.yaml

 name: laravel12-starter
 type: laravel
 docroot: public
 php_version: "8.3"
 webserver_type: nginx-fpm
 xdebug_enabled: false
 additional_hostnames: []
 additional_fqdns: []
 database:
    type: mariadb
    version: "10.11"
 use_dns_when_possible: true
 composer_version: "2"
 web_environment: []
 corepack_enable: false

 web_extra_exposed_ports:
  - name: node-vite
    container_port: 5173
    http_port: 5172
    https_port: 5173 
diff --git a/vite.config.js b/vite.config.js
 // laravel12-starter/vite.config.js

 import react from '@vitejs/plugin-react';
 import laravel from 'laravel-vite-plugin';
 import {
    defineConfig
 } from 'vite';
 import tailwindcss from "@tailwindcss/vite";

 const defaultConfig = {
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.tsx'],
            ssr: 'resources/js/ssr.jsx',
            refresh: true,
        }),
        react(),
        tailwindcss(),
    ],
    esbuild: {
        jsx: 'automatic',
    },
 };

 let config = defaultConfig;

 // add server options for ddev projects
 if(process.env.DDEV_PRIMARY_URL !== undefined) {
    const port = 5173;
    const origin = `${process.env.DDEV_PRIMARY_URL}:${port}`;
    config = {
        ...defaultConfig, 
        server: {
            host: '0.0.0.0',
            port: port,
            strictPort: true,
            origin: origin,
            cors: {
                origin: /https?:\/\/([A-Za-z0-9\-\.]+)?(\.ddev\.site)(?::\d+)?$/,
            },        
        } 
    };
 }

 export default defineConfig(config);
	# laravel12-starter/.ddev/config.yaml

	name: laravel12-starter
	type: laravel
	docroot: public
	php_version: "8.3"
	webserver_type: nginx-fpm
	xdebug_enabled: false
	additional_hostnames: []
	additional_fqdns: []
	database:
	type: mariadb
	version: "10.11"
	use_dns_when_possible: true
	composer_version: "2"
	web_environment: []
	corepack_enable: false

	web_extra_exposed_ports:
	- name: node-vite
	container_port: 5173
	http_port: 5172
	https_port: 5173
	// laravel12-starter/vite.config.js

	import react from '@vitejs/plugin-react';
	import laravel from 'laravel-vite-plugin';
	import {
	defineConfig
	} from 'vite';
	import tailwindcss from "@tailwindcss/vite";

	const defaultConfig = {
	plugins: [
	laravel({
	input: ['resources/css/app.css', 'resources/js/app.tsx'],
	ssr: 'resources/js/ssr.jsx',
	refresh: true,
	}),
	react(),
	tailwindcss(),
	],
	esbuild: {
	jsx: 'automatic',
	},
	};

	let config = defaultConfig;

	// add server options for ddev projects
	if(process.env.DDEV_PRIMARY_URL !== undefined) {
	const port = 5173;
	const origin = `${process.env.DDEV_PRIMARY_URL}:${port}`;
	config = {
	...defaultConfig,
	server: {
	host: '0.0.0.0',
	port: port,
	strictPort: true,
	origin: origin,
	cors: {
	origin: /https?:\/\/([A-Za-z0-9\-\.]+)?(\.ddev\.site)(?::\d+)?$/,
	},
	}
	};
	}

	export default defineConfig(config);