Blazing-fast static site generator for React

"Who are you?"

Eliad Moosavi

  • 22 year-old software engineering student
  • Coding web since 2009
  • First Canadian Docker ambassador & official mentor
  • Auth0 & IBM ambassador

http://bit.ly/2xObYoN

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

Introducing Gatsby

Static site generator for React

"Why Gatsby?"

Based on the ideologies of:

And uses:

"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 files etc.)

Starter Gatsby site
in 30 seconds!

							
								/* 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]
							
						

[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.

"Are there other starter templates?"

There are tons of other starter templates:

https://www.gatsbyjs.org/docs/gatsby-starters/

Good 3rd-party tools to use

  • Auth0 (Authentication)
  • Firebase (Cloud Hosting, Database etc.)
  • Disqus (Comment box for posts/pages)

Thank you!