First Time

If you just starting fresh, and yeah, project setup is the most frustating part.



laravel new project-name

Next, setup laravel frontend scaffolding

composer require laravel/ui
php artisan ui bootstrap && php artisan ui vue --auth

Important Part

This is a very important part of our project setup, because all of our component use tailwindcss for the design, and we can easily pull in other css framework (not recommended) and still not disturbing our current design.

npm install tailwindcss @tailwindcss/ui --save-dev && npx tailwind init

and follow this guide


const tailwindcss = require('tailwindcss')
mix.sass('resources/sass/app.scss', 'public/css')
processCssUrls: false,
postCss: [ tailwindcss('tailwind.config.js') ],

instead of including tailwindcss inside our first core (v-essentials), we decided to separate it so that dev has a flexibility to modify tailwindcss itself.

Thats it.