/project_flux_bella_naija

Primary LanguagePHP

Laravel Tailwind Boilerplate - Vue Ready

Software License

"Buy Me A Coffee"

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.