So I figured this out by mistake and had my mind blow when I saw it. Haha I have been programming with CSS for 7 years and I didn't know this!
I was adjusting default bootstrap checkbox colours and I accidentally typed an additional colour without clearing and it ended up splitting the colours. Looks quite cool! Check how the border splits half half on each side with the colours.
SQLSTATE[HY000] [2002] php_network_getaddresses: getaddrinfo for mysql
failed: Temporary failure in name resolution (SQL: select * from
information_schema.tables where table_schema = laravel and
table_name = migrations and table_type = 'BASE TABLE')
The issue has to do with the env variable DB_HOST You need to change it. To what your localhost is configured for. It can most likely be one of the following.
mysql
127.0.0.1
localhost
or alternatively check your docker container name for your mysql DB:
mysql_container_name
composer create-project --prefer-dist laravel/laravel blog "11.*"
composer create-project --prefer-dist laravel/laravel blog "10.*"
composer create-project --prefer-dist laravel/laravel blog "9.*"
Generate Auth
An alternative instead of running npm run build. Run npm run dev OR npm run watch
// With Boothstrap
composer require laravel/ui --dev
php artisan ui bootstrap --auth
npm install
npm run build
// With VUE
composer require laravel/ui --dev
php artisan ui vue --auth
npm install
npm run build
Uploading your js build to the server
If you using git and working locally and using laravel vite. Build your project and use the below gitignore. This will push your build to the server.
The below is that if you don't include certain directories then your build files will not get uploaded and some servers don't have suffucient resources to run builds online. So you need to build locally and upload the build via GIT.
After full time developing since 2016 I still used this one almost every project I complete. In terms of mobile optimisation. Bootstrap remains king!
It is simple and easy to learn. Allowing new developers to pick it up fast. And cutting down the work load for mobile optimisation greatly. I highly recommend BootStrap to any web developer.
Derek Banas was an amazing resource when I was starting out in programming and still to this day is fantastic. He covers fundamentals and explains tpoics very well and clearly for you to understand. I highly recommend this channel!