Live coding a Portfolio with Gatsby + GraphQL

on YouTube ↗25m

" summary

Shows live coding of a developer portfolio using Gatsby and GraphQL: building pages and sourcing data with Gatsby, querying that data via GraphQL, and wiring it together in a React-based site. Demonstrates practical use of Gatsby’s data layer and React components to assemble a portfolio.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 0:39PORTFOLIOS
3. 0:55NOT EVERYONE WAS THE ABILITY OR PRIVILEGE TO CREATE A PORTFOLIO.
4. 1:19THINGS YOUR PORTFOLIO CAN DO
5. 1:30SHOWCASE YOUR BEST
6. 1:44EXEMPLIFY YOUR DESIGN + DEVELOPMENT SKILLS.
7. 1:54CHANGE OVER TIME.
8. 2:25STATIC SITE GENERATOR

" related talks

• 29mProduction Ready React with GatsbyJSJesse Martin | ReactConfAM19 · React Conf Armenia 2019
• 27mBeyond Static: Dynamic Web Applications with GatsbyDustin Schau · ReactNext 2019
• 50mUsing GatsbyJS to build a decoupled (Drupal) website (Live demo)Mark Conroy · Frontend United 2019
• 38mLIVE DEMO: Using GatsbyJS to build a decoupled (Drupal) websiteMark Conroy · DrupalCon Amsterdam 2019
• 17mThe Client-Side Revolution, Brought to You by ReactKyle Mathews · Reactathon 2018
• 33mLoad Data using GraphQL Queries in a Gatsby Component with StaticQueryNazanin Delam · apidays New York 2020
• 18mUsing GraphQL on WordPressSid Chatterjee · GraphQL Galaxy 2020
• 28mGatsby High LevelKyle Mathews · ReactiveConf 2019