Published on July 7, 2017 by LevelUpTuts
Want create site? Find Free WordPress Themes and plugins.

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.

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

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

Notify of
avatar

Krunoslav Banovac
Guest
Krunoslav Banovac
2 months 2 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
3 months 16 days ago

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

Scott DeVito
Guest
Scott DeVito
3 months 13 days ago

Awesome man! Looking forward to it.

LevelUpTuts
Guest
LevelUpTuts
3 months 15 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
3 months 25 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.

Dr Naz
Guest
Dr Naz
4 months 12 days ago

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

Benjamin B
Guest
Benjamin B
4 months 12 days ago

What about SEO with this kind of client framework?

Pavel Šuraba
Guest
Pavel Šuraba
4 months 12 days ago

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

Saif Al Falah
Guest
Saif Al Falah
4 months 12 days ago

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

Alexander Swed
Guest
Alexander Swed
4 months 13 days 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
4 months 13 days 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
4 months 13 days ago

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

Shivam Gautam
Guest
Shivam Gautam
4 months 13 days ago

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

LevelUpTuts
Guest
LevelUpTuts
4 months 13 days 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.

wpDiscuz