Helps you get started by allowing you to analyze the project and config settings.
$ git clone https://github.com/agm1984/laravel-vue-tailwind.git
$ cd laravel-vue-tailwind
$ valet link
$ valet secure
# make a laravel app
$ laravel new example-app
# install vue
$ composer require laravel/ui
$ php artisan ui vue
# add auth
$ php artisan ui vue --auth
$ npm install
$ npm run watch
$ npm install --save-dev tailwindcss
$ npx tailwindcss init
In tailwind.config.js,
purge: [
'resources/views/**/*.blade.php',
'resources/js/**/*.js',
],
By default, Tailwind looks for the config file in the root of the project directory, so it's not required anymore to explicitly declare it in webpack.mix.js.
$ mysql -u root -p
CREATE DATABASE tailwindauth;
CREATE USER 'tailwindauth'@'localhost' IDENTIFIED BY 'tailwindauth';
GRANT ALL PRIVILEGES ON tailwindauth.* TO 'tailwindauth'@'localhost';
Don't forget to add the users table:
$ php artisan migrate