Episode 2: Front End Tools, Laravel Mix, Templates

With Laravel installed in episode 1 I'm now setting up some basic scaffolding using Minton: a template based on Bootstrap.

Episode Notes

With Laravel installed in episode 1 I'm now setting up some basic scaffolding using Minton: a template based on Bootstrap.

I setup Laravel Mix - a framework that sits on top of Webpack to compile Javascript and CSS assets. This took longer than expected, but I've never used it properly before. I felt it was important to get right so everything goes smootly later on. 🤞

Key timestamps

  • 0:00 – Introduction, review of episode goals
  • 6:20 – Setting up our Git branches
  • 10:00 – Reviewing the structure of the theme
  • 15:40 – Realising you don't have all the theme files (n00b alert!)
  • 24:00 – Fixing the favicon for the site
  • 26:00 – Installing Laravel Mix
  • 36:00 – Getting assets compiled (sorry, this was the bit that was tricky, feel free to skip bits in this section!)
  • 1:34:00 – Making our JS and CSS assets "bust the cache" when they change
  • 1:49:00 – Separating the view into one parent template with two sub-templates
  • 2:03:38 – Cleaning up parts of the template (title, copyright notice)
  • 2:14:00 – Finish and recap of episode