Published on August 7, 2017 by LevelUpTuts

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

8 Comments on "GatsbyJS Tutorials #3 – Adding Plugins & Using Sass"

Notify of
avatar

Rogan Richeart
Guest
Rogan Richeart
6 days 19 hours ago

Not sure how to officially send a message to you, so figured here might be ok. What are your thoughts on NextJs? Is this a competitor for gatsby or for meteor? Just discovered it and seen a lot of talk on it. I like how you teach and if you plan on making a nextjs tutorial let us know. Thanks

David Luhr
Guest
David Luhr
4 days 14 hours ago
I've experimented with both GatsbyJS and NextJS. Both are solid approaches to building websites more holistically with React and they share important features (automatic code-splitting, routing built in, rendered pages for SEO/permalinks, etc.). The big difference is the NextJS does server-side rendering and requires more of a custom setup to host (I believe people are using a Node/Express setup), while GatsbyJS, being a static-site generator, requires less server infrastructure since you're just serving up flat files. Both technologies are really exciting and useful, and I'm not the most informed on the functionality of each, but I personally have been more… Read more »
Артем Батура
Guest
Артем Батура
7 days 14 hours ago

Say me one, guys. Sass or Stylus?

Артем Батура
Guest
Артем Батура
5 days 21 hours ago

Thank you for answer. I just do not want to regret that I chose not what I wanted …

selrond
Guest
selrond
5 days 23 hours ago

1. It's JUST A TOOL – the choice absolutely doesn't matter between the two.
2. Give this a listen: syntax.fm/show/003/css-preprocessors-and-structuring-css – It's Scott + Wes Bos talking CSS and preprocessors, they talk exactly about Stylus and Sass.
(PS: I use Sass 😉 )

Aman Mittal
Guest
Aman Mittal
12 days 3 hours ago

Thanks for making it simple. Will you be explaining how to take advantage is es-lint with gatsby?

Sean Goresht
Guest
Sean Goresht
12 days 7 hours ago

Thank you, good sir. I think a more current tutorial would be covering PostCSS and CSSNext, though.

David Luhr
Guest
David Luhr
4 days 14 hours ago

Even then, things are already shifting quickly to more CSS-in-JS solutions, such as Styled Components. I think Scott mentions in the earlier videos in this series that he may be covering Styled Components with GatsbyJS at some point, as that's what he rebuilt his personal site with.

wpDiscuz