Published on July 7, 2017 by LevelUpTuts

In this video, I give a first look into the exciting new static site generator, Gatsby. Subscribe for more free tutorials goo.gl/6ljoFc

Become A Native App Developer with React & React Native
www.leveluptutorials.com/store/products/tutorials/lut-dd014

Support Free Tutorials
www.leveluptutorials.com/store/

The best shared web hosting
www.bluehost.com/track/leveluptutorials/

Subscribe to Level Up Pro for extra features!
www.leveluptutorials.com/store/products/pro

Subscribe to the Level Up Newsletter
eepurl.com/AWjGz

Simple cloud hosting, built for developers.:
www.digitalocean.com/?refcode=67357174b09e

Modern web tech without the headache

Enjoy all the power of the latest web technologies. React.js, webpack, modern JavaScript and CSS and more are all setup and waiting for you to install and start building.

Bring your own data

Gatsby’s rich data plugin ecosystem lets you build sites with the data you want. Integrate data from one or many sources: headless CMSs, SaaS services, APIs, databases, your file system, and more. Pull data directly into your pages using GraphQL.

Scale to the entire internet

Gatsby.js is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as “static” files which can be deployed easily on dozens of services.

Future-proof your website

Don’t build a website with last decade’s tech. The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. Gatsby.js is the universal JavaScript framework you’ve been waiting for.
Static Progressive Web Apps
Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads an HTML file that’s a server rendered version of your React.js page then makes it live with JavaScript. Code and data for other pages get preloaded so clicking around the site feels incredibly fast.

Speed past the competition

Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers—ready to be delivered instantly to your users wherever they are.

Leave a Reply

19 Comments on "A First Look at Gatsby, a Static Site Generator for React"

Notify of
avatar

Dr Naz
Guest
Dr Naz
11 days 20 hours ago

It's blazingly fast.Got my score mostly over 95/100 on speed test

Benjamin B
Guest
Benjamin B
12 days 4 hours ago

What about SEO with this kind of client framework?

Pavel Šuraba
Guest
Pavel Šuraba
11 days 16 hours ago

Since you serving static HTML files, it shouldn't be a problem.

Saif Al Falah
Guest
Saif Al Falah
12 days 9 hours ago

Could I somehow integrate AdSense into a website powered by Gatsby?

Lex Swed
Guest
Lex Swed
12 days 17 hours ago

it doesn't meter how you call functions that exported as default, that is why you can just export anonymous function. however, for React Dev Tool is is necessary to know the name of the component you're using and it's name is grabbing from the function name (or class name, if you like to think so)

Dean Whittaker
Guest
Dean Whittaker
12 days 21 hours ago

Would love to see more of this Scott, been holding off making a portfolio page and feel this would be perfect. Cheers

Arsalan Shaikh
Guest
Arsalan Shaikh
12 days 22 hours ago

Just got the news yesterday and today u did it thank u very much

Shivam Gautam
Guest
Shivam Gautam
12 days 23 hours ago

That's exactly how I play with new frameworks, changing things here and there till it breaks 😅

LevelUpTuts
Guest
LevelUpTuts
12 days 21 hours ago

+Shivam Gautam Glad to hear it's not just me. I learn more while trying to break it. Getting into the code early can be worthwhile.

Riccardo Zaffalon
Guest
Riccardo Zaffalon
13 days 2 hours ago

Awesome, installing Gatsby and giving it a spin right away! 👍

Arturo Maltos
Guest
Arturo Maltos
13 days 3 hours ago

I prefer Hugo

aaron betts
Guest
aaron betts
9 days 22 hours ago

Ya, Hugo is nice. Especially the Victor Hugo boilerplate.

Arturo Maltos
Guest
Arturo Maltos
11 days 3 hours ago

toml/yaml for configurationmarkdown for contentlive-reload integratedand most of it uses Go as compiler which is ridiculous fast

LevelUpTuts
Guest
LevelUpTuts
11 days 3 hours ago

+Arturo Maltos I haven't used Hugo myself, but am aware of it. What features do you like the most?

Mathew Teague
Guest
Mathew Teague
13 days 4 hours ago

Great video Scott, looking forward to the next ones! Gatsby looks good especially how it uses React but I still prefer Jekyll. Will you be doing any videos on Jekyll?

wpDiscuz