This document discusses Gatsby.js, a framework for building static websites using React. It defines what a static website is as one with fixed content coded in HTML that displays the same to all visitors. The document highlights benefits of static websites like security, reliability, speed and scalability. It introduces JAMstack as a modern web development approach using client-side JavaScript, APIs and prebuilt markup. Specific benefits of Gatsby mentioned are its use of cutting-edge technologies like GraphQL and React, numerous plugins, blazing fast performance, support for progressive web apps out of the box and great developer experience. It provides instructions on getting started with Gatsby and quickly deploying builds using Surge.

1. GATSBY.JS
BUILD STATIC WEBSITES WITH

2. MATEUSZ SAWKA
WHAT IS A STATIC WEBSITE
▸ wikipedia:
A static website contains Web pages with fixed content.
Each page is coded in HTML and displays the same
information to every visitor. Static sites are the most basic
type of website and are the easiest to create. Unlike
dynamic websites, they do not require
any Web programming or database

3. MATEUSZ SAWKA
WHY STATIC WEBSITES?
▸ security
▸ reliability
▸ speed
▸ scalability
▸ hosting prices

4. MATEUSZ SAWKA
WHY STATIC WEBSITES?
▸ security
▸ reliability
▸ speed
▸ scalability
▸ hosting prices

5. MATEUSZ SAWKA
JAM STACK
JAMstack: noun ’jam-stak’
Modern web development architecture based on client-side
JavaScript, reusable APIs, and prebuilt Markup.
more: https://jamstack.org/

6. src: https://jamstack.org/

7. MATEUSZ SAWKA
WHY GATSBY?
▸ cutting edge technologies - graphQL, React
▸ myriad of plugins -
from ones to load data from Wordpress to masking images
with lightweight SVGs for better UX while loading
▸ performance - it’s blazing fast
▸ PWA out of the box :D
▸ DX - simply great to work with!

8. LIVE CODING 😱

9. MATEUSZ SAWKA
HOW TO START USING GATSBY
▸ npm i -g gatsby
▸ gatsby new [DIRECTORY] [STARTER_REPO_URL]
^optional, if you want to use
some boilerplate with plugins
▸ cd [DIRECTORY]
▸ gatsby develop

10. MATEUSZ SAWKA
HOW TO DEPLOY IN SECONDS
▸ npm i -g surge [check out more on https://surge.sh/]
▸ gatsby build
▸ surge
^this last command will guide you through registration
process (in CLI) and let you deploy your build to an
address like anythingyouwant.surge.sh, FOR FREE

11. THANK YOU
www.sawka.pro