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

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

Notify of
avatar

Logan Powell
Guest
Logan Powell
20 days 21 hours ago

I was really looking forward to the styled components part 🙁

Alexander Apostolov
Guest
Alexander Apostolov
1 month 2 days ago

Less typing for those watching: npm i gatsby-plugin-sass . The i is shorthand for install, and the –save is no longer needed, since it's the default now as of NPM version 5 and up. We can probably thank Yarn's influence for that 😉

Alexander Apostolov
Guest
Alexander Apostolov
1 month 2 days ago

I'm glad you brought up the back-ticks used everywhere in the starter code, I found that overkill myself. Also, why no semicolons at the end of any const and import statements. Isn't that bad JavaScript practice or is something automagical happening behind the scenes?

Thomas Le
Guest
Thomas Le
24 days 19 hours ago

Semicolons are optional in javascript. It's automagical like you said. I am pretty sure it detects a newline and essentially adds a semicolon when parsing the js.

Николай Беликов
Guest
Николай Беликов
1 month 15 days ago

Thanks for video! But I can't understand how to use www.gatsbyjs.org/packages/gatsby-plugin-jss/npm igatsby pluginsrestart serverimport styles from './styles.css';classNames={styles.test}Not working 🙁

Николай Беликов
Guest
Николай Беликов
1 month 14 days ago
Adam Rasheed
Guest
Adam Rasheed
2 months 21 days ago

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

Shine Han
Guest
Shine Han
2 months 27 days 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
3 months 16 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
3 months 23 days ago

cool ,how to add authentication to the navigation ?

Shooperman
Guest
Shooperman
3 months 24 days ago

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

Bos Eriko Reyes
Guest
Bos Eriko Reyes
3 months 16 days ago

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

Shooperman
Guest
Shooperman
3 months 23 days ago

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

LevelUpTuts
Guest
LevelUpTuts
3 months 23 days ago

+Shooperman wait, who's that?

Wole Ekanola
Guest
Wole Ekanola
3 months 25 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
3 months 22 days ago

leveUpTuts please help out with this question

wpDiscuz