Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Build Your Personal Blog With Gatsby

person icon Christopher Frewin

4

Build Your Personal Blog With Gatsby

A Beginner's Guide

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Christopher Frewin

English [CC]

category icon Development,Gatsby.js

Lectures -14

Duration -45 mins

4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Gatsby is a React-based open-source framework for creating websites and apps. It's great whether you're building a portfolio site or blog, or a high-traffic e-commerce store or company homepage.

Gatsby loads only critical parts of any given web page, so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so that clicking around the site feels incredibly fast. Gatsby lets individuals and teams focus on creating content-driven websites instead of worrying about performance.

In just 45 minutes, we are going to build YOUR personal Gatsby JS blog, where, in the end, you only need to write in Markdown to create beautiful blog posts! 

We will start from a freely available GitHub repository blog template GatsbyJS boilerplate project, then create a few blog posts and style the blog, then extend the functionality of what we can do with posts using various GatsbyJS plugins, and finally create a production build of the site and deploy it to GitHub Pages!

This course is geared towards beginner and intermediate developers, so we will start off from the very basics of what Gatsby JS is and what it is exactly trying to accomplish. This will include a small discussion on what static vs dynamic or server rendered sites are, and what makes static sites so fast, as well as some discussion on the SEO benefits of static sites.

Goals

What will you learn in this course:

  • How to build your own blog using Gatsby and host it on GitHub Pages for FREE!
  • Understanding between static and dynamic websites and web pages
  • Usage of multiple Gatsby plugins useful for writing blogs

Prerequisites

What are the prerequisites for this course?

  • Basic Computer Fundamentals & Terminologies
  • A computer installed with Windows/Linux /OS X
  • Internect connection
  • Basic understanding of Node.js, NPM, git, and GitHub
Build Your Personal Blog With Gatsby

Curriculum

Check out the detailed breakdown of what’s inside the course

Section 1 - Introduction
3 Lectures
  • play icon Course Introduction 01:52 01:52
  • play icon Basic Overview of Webpack and GatsbyJS, Static Sites, Lazy-Loading 04:21 04:21
  • play icon Install and Use nvm to Install the Proper Version of Node 02:20 02:20
Section 2 - Starting Your Blog
2 Lectures
Tutorialspoint
Section 3 - Styling Your Blog and Adding Features to It
7 Lectures
Tutorialspoint
Section 4 - Course Review
1 Lectures
Tutorialspoint

Instructor Details

Christopher Frewin

Christopher Frewin

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515