Learn Statamic with Jack

Introduction

Let’s talk real quick about what Statamic is and can do, so you approach this course with the right perspective.

Installing Statamic

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.

The Tour

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.

Layouts & Templates

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?

Build a Landing Page

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.

Building a Blog

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.

Creating Taxonomies

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.

Manipulating Images with Glide

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.

DRY Up Our Templates

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.

Building Navs

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.

Search

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.

Antlers

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.

Forms

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.

Advanced Bard

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.

Building Addons

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.

Deploying and Cache Modes

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.

Static Site Generator

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.

Going Headless

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.

Starter Kits

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.

Content Queries and Repositories

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.

The Database Driver

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!

How the Stache Works

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