forked from gatsbyjs/gatsby
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
post: new blog about the themes livestream (gatsbyjs#11685)
* post: new blog about the themes livestream * fix: update local links to be relative * fix: add title attribute
- Loading branch information
1 parent
e9ac48c
commit ecf805e
Showing
1 changed file
with
59 additions
and
0 deletions.
There are no files selected for viewing
59 changes: 59 additions & 0 deletions
59
docs/blog/2019-02-11-gatsby-themes-livestream-and-example/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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. |