Happy Friday!!
This week I was working with a simple GitHub repo to save me time when I start new Laravel projects.
The repo it's called Laravel Tailwind Boilerplate & Vue ready
It consist in a Initial template to start your Laravel projects from scratch.
It's very simple! There are not any extra functionality, no auth, no APIs, anything!
Just a initial template to save time installing initial packages and configurint tailwind, Scss and Vue assets.
Let me show the GitHub and how it works! Thank you and have a great weekend!
https://github.com/magarrent/laravel-tailwind-boilerplate-vue-ready
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 comments (0)