Laravel Tailwind Boilerplate Vue Ready

Initial template to start your awesome Laravel, Tailwind and Vue projects

#tailwind #vue #tailwindcss #laravel #vuejs

Features

Laravel 8.*
Tailwind 2.1 Ready and Loaded
- @tailwindcss/typography
- @tailwindcss/forms
- Dark mode ready
- All variants enabled by default
Vue 2, Vuex, Vue-Router, Vue-Axios - Ready
Scss / Sass ready

Usage

🌟 Give a repo Star :)

Just download the latest ZIP release of the repository and init the laravel project

npm install #install npm dependencies

npm run dev #compile assets

composer install #install php dependencies

Assets

resources/
┣ css/
┃ ┗ tailwind.css # Import tailwind classes
┣ js/
┃ ┣ components/
┃ ┃ ┗ App.vue # Default App.vue for initial Vue config
┃ ┣ app.js # Vue init & configuration
┣ scss/
┃ ┗ custom.scss # Custom scss file for your peoject

Webpack Mix configuration

mix
    .js('resources/js/app.js', 'public/js').vue({ version: 2 }) // Vue template
    .postCss('resources/css/tailwind.css', 'public/css', [ // Tailwind css loaded
        require("tailwindcss"),
    ])
    .sass('resources/scss/custom.scss', 'public/css'); // Custom Scss file

Libs Used

License

The Laravel framework is open-sourced software licensed under the MIT license.

Top categories

tailwind daisyui resume portfolio email blog dashboard landing-page admin ecommerce