Tailwind CSS v2.0 | Wordpress Theme Setup & Install

Install Tailwind Css v2.0 to your Wordpress Theme.

In this video we'll install Laravel Mix with npm to add webpack, sass pre-processor, hot live refresh with BrowserSync and Tailwindcss v2.0. This will greatly improve the frontend development setup on a vanilla Wordpress Theme.

Github Source
github.com/codewithchu/tailwindcss-v2-wp-theme

Video Sections:
00:00 Overview
03:48 Wordpress Theme
04:52 Install Laravel Mix
07:45 Install TailwindCss v2 Compatibility Build
10:23 Tailwind Source Css File
12:19 Tailwind Config
16:40 Laravel Mix Config
19:20 BrowerSync
21:00 Add built css file to Theme
23:05 Test TailwindCss Utility Classes
25:33 Build for Production
26:24 Recap
27:25 Outro

Subscribe and Learn to codewithchu
   / @codewithchu  

MacOS Tutorial Series
   • macOS Web Development Setup  


Resources
--------------------------------------------------------------
Wordpress - wordpress.org/
Laravel Mix - laravel-mix.com/
TailwindCss - tailwindcss.com/
Laravel Valet - laravel.com/docs/8.x/valet
PHP - www.php.net/
MySQL - www.mysql.com/
Composer getcomposer.org/
NodeJs - .nodejs.org/
VScode - code.visualstudio.com/


Connect with codewithchu
--------------------------------------------------------------
arthurchu.ca/
twitter.com/codewithchu
www.instagram.com/codewithchu
www.facebook.com/codewithchu
github.com/codewithchu