Blazing-fast static sites with the great "Gatsby"

Transcript

1. Blazing-fast static site generator for React
2. Eliad Moosavi 22 year-old software engineering student Coding web since 2010 First Canadian Docker ambassador & o cial mentor Auth0 & IBM ambassador "Who are you?" http://bit.ly/2xObYoN
3. Serverless Architecture An architecture that relies on third-party cloud tools for most of the back-end functionalities Pros: Speed (UX & Dev. process) Can use third-party cloud tools (Auth0, Firebase etc.) Stateless & event-triggered containers
4. Introducing Gatsby Static site generator for React
5. "Why Gatsby?" Based on the ideologies of: And uses:
6. "Why Gatsby?" Pros: Speed Built-in routing & page generation Code & Data-splitting out-of-the-box GraphQL data-layer allows you to bring your own data! (Wordpress, MongoDB, disk les etc.)
7. Starter Gatsby site in 30 seconds! [SITE_DIRECTORY]: your directory name of choice [URL_OF_STARTER_GITHUB_REPO]: Use https://github.com/gatsbyjs/gatsby-starter-default to use the default starter. /* Run this to install the Gatsby CLI */ npm install --global gatsby-cli /* Use this line to create a gatsby starter site */ gatsby new [SITE_DIRECTORY] [URL_OF_STARTER_GITHUB_REPO]
8. "Are there other starter templates?" There are tons of other starter templates: https://www.gatsbyjs.org/docs/gatsby-starters/
9. Good 3rd-party tools to use Auth0 (Authentication) Firebase (Cloud Hosting, Database etc.) Disqus (Comment box for posts/pages)
10. Thank you! Resources: https://github.com/theiliad https://bit.ly/2xObYoN React Homepage - Using Gatsby now! (https://reactjs.org) Gatsby Homepage (https://gatsbyjs.org) Slide deck source code http://bit.ly/2x55le6