Static Site Generators

Series Episodes

1. Episodes (7)
   1. Jigsaw

      18m 45s

      Jigsaw allows you to create static sites using Laravel's Blade templating engine. We'll take a look at creating pages, layouts, using markdown, and collections.
   2. Nuxt

      19m 43s

      View the source code for this episode on GitHub.
   3. VuePress

      19m 40s

      Let's have a look at using VuePress to build a documentation site. You'll learn about a variety of features, including Markdown support, syntax highlighting, Vue components in Markdown, and more.
   4. Saber

      24m 45s

      Next up, we take a look at using Saber to build static sites in Vue. Saber is simple to use, with a wide array of built in features and minimal configuration. In this example, we build a simple blog site and make use of features like Markdown for posts and pages, syntax highlighting, Vue components in Markdown, progress loading bars, and building the site for production.
   5. Gridsome

      24m 37s

      Gridsome is a powerful static site generator in Vue that makes use of a GraphQL central store. We can source data using a variety of plugins or do it manually ourselves. In this episode, we take a look at the basics of Gridsome and build a basic blog implementation that makes use of local Markdown files.
   6. Styling With Tailwind

      28m 33s

      Since we ignored the styling component in the previous episodes, let's now take some time to style our static site with Tailwind CSS. We'll re-visit the Nuxt.js example and add a design based on the Gridsome Portfolio Starter.
   7. Testing Static Sites With Cypress

      26m 31s

      Let's take a few moments to review how to test a static site using Cypress. Because no database is involved, these tests should be fairly trivial to write.