Middleman

Episode #389 by Teacher's Avatar David Kimura

Summary

Middleman is a static site generator using all the shortcuts and tools in modern web development. In this episode, we look at creating a static site using TailwindCSS and one of the TailwindUI templates. We also take an interesting approach to keep the development experience close to one that we would expect in a Rails application.
ruby static site tailwind 27:48

Chapters

  • Introduction (0:00)
  • Creating a new project (1:16)
  • Exploring what was created (2:08)
  • Using a TailwindUI template (3:53)
  • Installing TailwindCSS (4:20)
  • Updating layout with the template (8:12)
  • Updating the header partial (9:18)
  • Creating other pages (11:52)
  • Adding a title to each page (12:43)
  • Updating the footer partial (12:58)
  • Updating the index page (13:25)
  • Running bundle update (13:55)
  • Demo (14:09)
  • Fixing the blog titles (14:44)
  • Middleman Blogging nuances (15:17)
  • Building the articles page (16:21)
  • Building the articles view (16:43)
  • Changing blog default settings (18:01)
  • Creating article layout (19:10)
  • Updating the article index (21:01)
  • Using Live Reload (23:54)
  • Including images (25:04)
  • Final thoughts (26:06)
Student & Teacher
$ 9 /mo

Valid School Email Required

Same Access as Pro

Subscribe Now
Pro Monthly
$ 19 /mo

Access to Pro Episodes

Invite to Slack Channel

Priority Suggestions

Ad Free

Subscribe Now
Pro Annual
$ 190 /yr

Access to Pro Episodes

Invite to Slack Channel

Priority Suggestions

Ad Free

Subscribe Now
Teams
$ 57 /mo

3 Users Minimum

$19.00 / user / month

Same Access as Pro

Subscribe to Teams