Skip to content

Commit

Permalink
post: new blog about the themes livestream (#11685)
Browse files Browse the repository at this point in the history
* post: new blog about the themes livestream

* fix: update local links to be relative

* fix: add title attribute
  • Loading branch information
jlengstorf committed Feb 12, 2019
1 parent a0da7a2 commit d7eb749
Showing 1 changed file with 59 additions and 0 deletions.
59 changes: 59 additions & 0 deletions docs/blog/2019-02-11-gatsby-themes-livestream-and-example/index.md
@@ -0,0 +1,59 @@
---
title: >
Gatsby Themes: Watch Us Build a Theme Live
date: 2019-02-11
author: Jason Lengstorf
tags:
- themes
- livestream
- tutorials
---

One of the most exciting things we’re working on at Gatsby right now is themes.

You can find more details in [the announcement post](/blog/2018-11-11-introducing-gatsby-themes/) and [why we think themes are important](/blog/2019-01-31-why-themes/), but the short version is this:

**Gatsby themes allow you to focus only on the parts of the site and app building process that you _need to care about_ by abstracting the rest away into a package.**

What this means in practical terms is that you can use Gatsby themes to create a site with:

- `package.json` with 4 installed packages (`gatsby`, `react`, `react-dom`, and your theme)
- `gatsby-config.js` with metadata and a reference to your theme
- a folder full of Markdown files for content

And _that’s it_.

No code. No assembling plugins. Just writing content.

## Learn how to build a Gatsby theme.

Recently I had the pleasure of building a theme from scratch with Gatsby’s own [John Otander](https://twitter.com/4lpine) live on [my weekly livestream](https://twitch.tv/jlengstorf).

<iframe id="ytplayer" title="Theme livestream on YouTube" type="text/html" width="720" height="405"
src="https://www.youtube.com/embed/?list=PLz8Iz-Fnk_eTpvd49Sa77NiF8Uqq5Iykx&listType=playlist"
frameborder="0" allowfullscreen />

On the stream, we covered multiple topics:

1. How to build a Gatsby theme from scratch
2. How to create [child themes](/blog/2019-01-29-themes-update-child-theming-and-component-shadowing/#child-theming)
3. How to use [component shadowing](/blog/2019-01-29-themes-update-child-theming-and-component-shadowing/#component-shadowing)
4. How to install and use a Gatsby theme

The code we built is [available on GitHub](https://github.com/jlengstorf/livestream-gatsby-themes) — use it as a starting point to build your own Gatsby themes today!

### Additional Links and Resources

- Post: [Introducing Gatsby Themes](/blog/2018-11-11-introducing-gatsby-themes/)
- Post: [Why Themes](/blog/2019-01-31-why-themes/)
- [`gatsby-plugin-page-creator`](/packages/gatsby-plugin-page-creator/)
- [`gatsby-mdx` getting started docs](https://gatsby-mdx.netlify.com/getting-started)
- [`gatsby-source-filesystem`](/packages/gatsby-source-filesystem/)
- [John Otander on Twitter](https://twitter.com/4lpine)
- [Jason Lengstorf on Twitter](https://twitter.com/jlengstorf)

## Watch future livestreams

If you’re interested in watching more livestreams, I go live every Thursday at 9am Pacific.

[Follow me on Twitch](https://twitch.tv/jlengstorf) to get notified when I go live.

0 comments on commit d7eb749

Please sign in to comment.