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

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

Notify of
avatar

Webeli
Guest
Webeli
2 months 21 days ago

The new page isn't breaking because it's exported as default, so you can name the class anything.

Webeli
Guest
Webeli
2 months 21 days ago

The new page isn't breaking because it's exported as default, so you can name the class anything.

Evan Meidell
Guest
Evan Meidell
2 months 26 days ago

You should take a look at React-static! I just started with it and it’s pretty cool!

Evan Meidell
Guest
Evan Meidell
2 months 26 days ago

You should take a look at React-static! I just started with it and it’s pretty cool!

Krunoslav Banovac
Guest
Krunoslav Banovac
4 months 30 days ago

Nice video, but man, we heard it the first 100 times that you are improvising, don't need to tell it every 30 sec :DThis framework is similar to Next.js, what is your opinion on these two guys?

Krunoslav Banovac
Guest
Krunoslav Banovac
4 months 30 days ago

Nice video, but man, we heard it the first 100 times that you are improvising, don't need to tell it every 30 sec :DThis framework is similar to Next.js, what is your opinion on these two guys?

Scott DeVito
Guest
Scott DeVito
6 months 13 days ago

Cool first look, thanks. Would definitely be interested in a full tutorial.

Scott DeVito
Guest
Scott DeVito
6 months 10 days ago

Awesome man! Looking forward to it.

LevelUpTuts
Guest
LevelUpTuts
6 months 12 days ago

+Scott DeVito I just recorded the first 3 episodes. I was going to have them out yesterday, but ran out of time.

Scott DeVito
Guest
Scott DeVito
6 months 14 days ago

Cool first look, thanks. Would definitely be interested in a full tutorial.

Scott DeVito
Guest
Scott DeVito
6 months 10 days ago

Awesome man! Looking forward to it.

LevelUpTuts
Guest
LevelUpTuts
6 months 13 days ago

+Scott DeVito I just recorded the first 3 episodes. I was going to have them out yesterday, but ran out of time.

NotInvented Here
Guest
NotInvented Here
6 months 22 days ago

Question, how's this different than just using Angular? ng you also download the whole app so no http calls, and it has a router as well as ng build command (spin up files anywhere). Interested in gatsby but wondering if it's actually worth using and learning vs just continuing with new ng.

NotInvented Here
Guest
NotInvented Here
6 months 22 days ago

Question, how's this different than just using Angular? ng you also download the whole app so no http calls, and it has a router as well as ng build command (spin up files anywhere). Interested in gatsby but wondering if it's actually worth using and learning vs just continuing with new ng.

1 2 3 4
wpDiscuz