AWS Docker improvements adding tailwindCss and more(Part 6) AWS Docker improvements adding tailwindCss and more(Part 6)

December 5, 2021

aws devops laravel tailwindcss

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 you can either use this form on londinium.com or via Twitter @andylondon