Building a personal blog with Gatsby.js | Kalin Chernev | Skillshare

Building a personal blog with Gatsby.js

Kalin Chernev, All About The Web

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Videos (1h 14m)
    • Introduction

    • Installing prerequisites

    • My first page

    • Deploying Gatsby.js

    • Organising global styles by adding our first plugin

    • Using a theme

    • Using CSS modules

    • First GraphQL query

    • Using a new data source and making a GraphQL query for it

    • Creating content programatically - part 1 - adding custom fields

    • Creating content programatically - part 2 - creating pages

    • Creating content programatically - part 3 - using variables in GraphQL

    • Refactoring a promise to async/await

    • Additional resources and farewell :)


About This Class

In this course, you will learn how to create a modern and highly efficient personal website with one the most innovative static site generators: Gatsby.js.

Learning Gatsby.js is both fun and rewarding, because it makes site building a great experience by letting you prototype your design ideas quickly and also letting you effectively plug in various data sources with ease.

Being able to build sites with Gatsby.js means being able to deliver highly performant and secure web applications which require less maintenance costs and follow the best practices of the JAMstack.

In this class, you will be able to hone in the following skills:

  • React.js: creating components which render parts of your web page
  • GraphQL: querying data from various sources
  • Node.js: creating configurations and content for your website
  • Adding continuous deployment of your project

In the end of the course, you will have your own personal blog which works fast, costs nothing to host and takes little to maintain.

The course will be useful for web developers who already know the basics of HTML, CSS and JavaScript. If you are a web developer who already have experience in building sites with a server-side programming language, then this course will open your eyes on how to achieve results with reduced costs. On the other hand, if you are more into design and CSS, then you will get equipped with a new tool for effective prototyping which lets you focus on the job at hand.

In general, prior knowledge of JavaScript would suffice, although if the language is not your tool of everyday, you will still be able to follow along as concepts are not too complex and each lesson will give you the necessary additional information to match the problem to solve at hand.





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Kalin Chernev

All About The Web

Hey there!

Many many years ago, when still at university, I was part of a student organisation which spreads across hundreds of universities and unites thousands of students of engineering in Europe. Back then, I was responsible for fund raising and I started building websites in order to create value for sponsors.
My first project in production was a career/jobs website for engineering students.

That's how my journey into web development started.

In the followin...

See full profile

Report class