![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](https://image.slidesharecdn.com/gatsby-180703083047/85/Build-static-websites-with-Gatsby-JS-9-320.jpg)
![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](https://image.slidesharecdn.com/gatsby-180703083047/85/Build-static-websites-with-Gatsby-JS-10-320.jpg)
Build static websites with Gatsby.JS
- 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/
- 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!
- 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