Step Up
Your Portfolio Game
Use Gatsby.js βš›οΈ πŸ“„ πŸš€ !

Hi, I'm Joe Previte! πŸ‘‹πŸΌ

@jsjoeio

October 6th, 2018

Desert Code Camp

Who's here ❓

I want to get to know you a bit better...

Built something with React ❓

Angular, Vue, Ember ❓

My Background

freecodecamp logo

freeCodeCamp alumni

digital air strike logo

Front End Engineer

egghead logo

egghead instructor

Today's Objectives

goals meme from elf
  • Basic understanding of Gatsby
  • How to build a site

Gatsby❓

THIS ⬇️

gatsbyjs logo

Started by @kylemathews

  • v1.0.0 released July 2017
  • v2.0.0 released September 2018

πŸ€‘ 3.8 million in seed funding in 2018

gatsby.org vs. gatsby.com

gatsby inkteam

Stats

  • +26K ⭐️ on GitHub
  • 1,156 contributors πŸ‘©πŸΌβ€πŸ’»
  • 39,650 weekly downloads πŸ“₯

Community

gatsbyjs gazette
  • Gatsby gazette
  • Public Maintainers Meeting
  • Pair-programming

βš›οΈ Gatsby Features πŸ”₯

1. SSR πŸ’πŸΌβ€β™‚οΈ

out of the box 😏

2. PWA built-in βœ…

video of Gatsby offline

3. Plugins Library πŸ—‚

gatsby plugin library

4. BYOD πŸ‘œ

(bring your own data)

gatsby data map diagram

5. SPEED πŸƒπŸΌβ€β™€οΈ

"Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast."

6. Latest tech πŸ’»

  • Webpack
  • React 16
  • GraphQL
  • ES6
  • modern CSS

DID I MENTION IT'S OPEN SOURCE πŸ•ΊπŸΌ

Swag πŸ‘• 🧦

gatsby swag store

Why you should use it

Gentle intro to React 😊

screenshot of gatsby docs

Land that next job πŸ˜‰

Starters on starters on starters 🀩

all the starters on Gatbsy

Set up CICD for FREE 😻

Netlify

GitHub Pages

Surge

Let's get started 😸

Your Thoughts? πŸ€”

Good fit for your portfolio? Why or why not?

Other use cases?

Anything else anyone wants to share?

Thank you!

Joe Previte headshot

Joe Previte

🐦 @jsjoeio

πŸ₯š 40% off annual membership: egghead deal