Learn Statamic with Jack

Series Episodes

1. Introduction (1)
   1. Introduction

      3m 22s

      Let's talk real quick about what Statamic is and can do, so you approach this course with the right perspective.
2. Site Build (14)
   1. Installing Statamic

      4m 23s

      Statamic can be installed on its own with our installer binary, or into an existing Laravel application with composer. Let's walk through the steps needed to do both.
   2. The Tour

      12m 28s

      Learning a new CMS is a lot like learning a new framework or programming language. Let's give you the grand tour of all the things Statamic adds to a base Laravel install as well as explore the Control Panel.
   3. Layouts & Templates

      7m 01s

      Let's pretend you're a developer with a static HTML & Tailwind site and you need to hook it up to a CMS. You've picked Statamic. What do you do next?
   4. Build a Landing Page

      19m 58s

      It's now time to set up Blueprint fields to hold and manage the content. Once we do that, we can pull the data out into our template and make the homepage of our new site editable.
   5. Building a Blog

      10m 38s

      Every good tutorial series needs to build a blog, right? Not this one! We'll be building a news section. It's much different. You'll learn how to create and configure a new Collection, set up a new Blueprint with all the fields you'll need to manage your content, scaffold out new views, and wire it up in your templates. Want to go beyond this lesson? Learn more about Collections.
   6. Creating Taxonomies

      5m 20s

      Collections and Entries aren't the only types of data Statamic can manage. Let's set up a new Taxonomy so you can tag your Entries and organize your content in new ways.
   7. Manipulating Images with Glide

      4m 58s

      Don't waste your visitors bandwidth and load times! Let's use Glide to manipulate our Asset images so they're only as big as they need to be. We'll also look at how to set focal points so the good parts of the images are always in view. Want to go beyond this lesson? Learn more about Glide.
   8. DRY Up Our Templates

      4m 35s

      Partials are a great way to remove redundant code and create components you can use throughout your site. Let's look at how we can tap into their power, like He-Man and the power of Grayskull. Want to go beyond this lesson? Learn more about Navigations.
   9. Building Navs

      8m 43s

      Hardcoded nav? No way. Let's build a dynamic nav! Let's explore Structured Collections vs Navigations so you can understand when to use each approach in the real world. Want to go beyond this lesson? Learn more about Navigations.
   10. Search

       7m 29s

       There's Algolia, MeiliSearch, ElasticSearch, and many other third-party search solutions, but Statamic has its own built-in search capabilities. What it lacks in configuration, it makes up for in simplicity. Let's look at how to wire up your own site search. Want to go beyond this lesson? Learn more about Search.
   11. Antlers

       15m 57s

       Antlers is a simple and powerful template engine provided with Statamic. It can fetch and filter content, display, modify, and set variables, tap into core features like user authentication and search, and handle complex logic. Let's explore what it can do and why you might want to use it instead of Blade. Want to go beyond this lesson? Learn more about Antlers.
   12. Forms

       11m 23s

       Forms are a natural part of the internet experience and a core component of most websites. Let's build a basic contact form, and then look at how Statamic can dynamically manage the form fields with conditions and Alpine.js. Want to go beyond this lesson? Learn more about Forms.
   13. Advanced Bard

       8m 53s

       Bard is Statamic's powerful content block editor built ontop of TipTap and ProseMirror. It supports managing WYSIWYG-style content but uses structured data. It can also manage sets (or "blocks") of any other fields you desire. Even more Bard fields. ? Let's explore a bunch of the cool things you can do with Bard! Want to go beyond this lesson? Learn more about Bard.
   14. Building Addons

       8m 08s

       Want to add your features into Statamic? Addons and Extensions are great ways to do that. Addons can be shared or sold on the Statamic Marketplace, or be kept private for your own team's use. Learn more about extending Statamic.
3. Deployment & Production Performance (2)
   1. Deploying and Cache Modes

      10m 46s

      With our site effectively completed, let's look at how to properly deploy a Statamic site and pick the right cache mode and settings for production. Want to go beyond this lesson? Learn more about deploying Statamic.
   2. Static Site Generator

      5m 53s

      You simply can't beat the speed of a fully static site. Let's look at how to generate static sites with Statamic. Want to go beyond this lesson? Learn more about Statamic SSG.
4. Tasty Extras (5)
   1. Going Headless

      5m 27s

      Statamic can be decoupled and used in a "headless" fashion, essentially operating solely as a content store and control panel. You can fetch data from Statamic with the REST API or GraphQL – whichever fits your workflow best.
   2. Starter Kits

      5m 03s

      Starter Kits are pre-built site packages that jump-start new Statamic sites with boilerplate code, features, functionality, and even design. We'll walk through how to install Starter Kits as well as how to create your own (spoiler: it's super easy) in under 5 minutes.
   3. Content Queries and Repositories

      5m 12s

      Maybe you're thinking Statamic is pretty cool and all but you'd really rather just build your site with Controllers and Blade, the vanilla "Laravel Way". No problem, let's walk through how to do just that with Content Queries and Repositories.
   4. The Database Driver

      5m 21s

      Let's talk about scaling options. Statamic's Eloquent Driver lets you switch from flat files to MySQL in a matter of moments. Let's walk through the steps!
   5. How the Stache Works

      7m 14s

      Let's finish off this series by popping the hood and seeing just how the the flat file Stache makes Statamic possible.