Having setup the docker image and got it working on the EC2 instance, I wanted to improve the laravel website within the Docker image.

Installing tailwind into the laraveldocker app i made in Part 5 following this tutorial https://tailwindcss.com/docs/guides/laravel

npm install

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

npx tailwindcss init

setting up the tailwind config and the webpack config to allow

npm run dev

adding the css to the html in /resources/views/welcome.blade.php and hey presto tailwind css is working.

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">

I also added https://github.com/laravel/ui vue js using that link

If you would like to contact me with this form on londinium.com, ilminster.net or via Twitter @andylondon