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

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

Notify of
avatar

Yogev Boaron Ben-Har
Guest
Yogev Boaron Ben-Har
2 months 12 days ago

Love your tutorials! Straight to the point!

Logan Powell
Guest
Logan Powell
2 months 26 days ago

I was really looking forward to the styled components part 🙁

Logan Powell
Guest
Logan Powell
2 months 26 days ago

I was really looking forward to the styled components part 🙁

Alexander Apostolov
Guest
Alexander Apostolov
3 months 7 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
3 months 7 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
2 months 30 days 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.

Alexander Apostolov
Guest
Alexander Apostolov
3 months 7 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
3 months 7 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
2 months 30 days 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
Николай Беликов
3 months 21 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
Николай Беликов
3 months 19 days ago
Николай Беликов
Guest
Николай Беликов
3 months 21 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
Николай Беликов
3 months 19 days ago
Adam Rasheed
Guest
Adam Rasheed
4 months 27 days ago

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

1 2 3
wpDiscuz