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

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

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

Notify of
avatar

Adam Rasheed
Guest
Adam Rasheed
26 days 27 minutes ago

Would love a vid on how to create your own components in Gatsby 😀

Shine Han
Guest
Shine Han
1 month 1 day ago

Really awesome tutorial~Hello, sir!your terminal gives hint when you type "npm intsll –save …".What I have to do to use that feature?And how to configure with nodejs(express) easily?

Bos Eriko Reyes
Guest
Bos Eriko Reyes
1 month 20 days ago

Has anyone experienced any problems using SASS in gatsby? gatsby-plugin-sass? everything works fine on "gatsby develop" but when I do "gatsby build" the css is not being applied.

santosh rd
Guest
santosh rd
1 month 27 days ago

cool ,how to add authentication to the navigation ?

Shooperman
Guest
Shooperman
1 month 29 days ago

MY god, I'm so sick of Karlie Kloss.

Bos Eriko Reyes
Guest
Bos Eriko Reyes
1 month 20 days ago

She's gorgeous, but yeah, I see her on every programming video that I watch. xD

Shooperman
Guest
Shooperman
1 month 28 days ago

LevelUpTuts the chick in the annoying WIX commercial before half of the videos on YouTube lol

LevelUpTuts
Guest
LevelUpTuts
1 month 28 days ago

+Shooperman wait, who's that?

Wole Ekanola
Guest
Wole Ekanola
1 month 29 days ago

I am Using Gatsby with contentful, i want to know if I have to redeploy the site everytime there is a new blog post on the contentful back-end or the new post will be automatically fetched everytime the site launches

Wole Ekanola
Guest
Wole Ekanola
1 month 26 days ago

leveUpTuts please help out with this question

Rogan Richeart
Guest
Rogan Richeart
2 months 4 days 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

Rogan Richeart
Guest
Rogan Richeart
1 month 27 days ago

I appreciate the reply.

David Luhr
Guest
David Luhr
2 months 2 days 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 comfortable… Read more »
Артем Батура
Guest
Артем Батура
2 months 5 days ago

Say me one, guys. Sass or Stylus?

Артем Батура
Guest
Артем Батура
1 month 29 days ago

Yeah, i chose. Materials for SASS more than Stylus

selrond
Guest
selrond
1 month 29 days ago

Well, you'll only know by using either one 🙂 Pick one and go! Really

Артем Батура
Guest
Артем Батура
2 months 3 days ago

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

selrond
Guest
selrond
2 months 3 days 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
2 months 9 days ago

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

Sean Goresht
Guest
Sean Goresht
2 months 9 days ago

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

David Luhr
Guest
David Luhr
2 months 2 days 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