Gatsby Crash Course - Build Yourself a Blog

Gatsby Crash Course - Build Yourself a Blog

In this video you can create a blog using Gatsby alongside markdown files and GraphQL.

In this video you can create a blog using Gatsby alongside markdown files and GraphQL.

If you did enjoy the video makes sure to drop it a like, comment and subscribe for more JAMStack.

  • 00:00 - Intro
  • 00:34 - Setup
  • 01:00 - Creating a homepage , Hello World!
  • 04:20 - More plugins
  • 05:05 - Creating gatsby-config
  • 10:43 - Creating blog posts and folder structure
  • 12:33 - Frontmatter and Markdown
  • 16:05 - First look at graphql
  • 17:50 - Your first graphql query in Gatsby
  • 19:48 - Testing your query
  • 20:32 - Querying our blog posts.
  • 23:20 - Using our new query in Gatsby
  • 27:39 - Testing the frontend works.
  • 28:47 - Adding basic styles
  • 35:56 - Seeing what our styles look like.
  • 36:10 - Adding Components
  • 40:33 - Testing our Container component
  • 41:05 - Creating a Sticky Nav Header.
  • 46:30 - Testing our Sticky Header
  • 47:05 - Creating links using Link.
  • 48:57 - How to use templates and create our post pages.
  • 1:07:00 - Testing our blog pages.
  • 1:07:57 - Fixing our style issues with posts.
  • 1:14:06 - Using images in our posts.
  • 1:16:00 - Testing that our images work.
  • 1:16:56 - Adding SEO
  • 1:24:52 - Outro

gatsby graphql api web-development

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

A Simple Guide to API Development Tools

APIs can be as simple as 1 endpoint for use by 100s of users or as complex as the AWS APIs with 1000s of endpoints and 100s of thousands of users. Building them can mean spending a couple of hours using a low-code platform or months of work using a multitude of tools. Hosting them can be as simple as using one platform that does everything we need or as complex as setting up and managing ingress control, security, caching, failover, metrics, scaling.

Exposing Most Common Web Development Myths | ByteCipher

Are you looking for the best Web and Mobile App Development Company in India? We at ByteCipher are offering creative & custom web and mobile app development services worldwide

Why Web Development is Important for your Business

With the rapid development in technology, the old ways to do business have changed completely. A lot more advanced and developed ways are ...

Important Reasons to Hire a Professional Web Development Company

    You name the business and I will tell you how web development can help you promote your business. If it is a startup or you seeking some...

Web App Development Company | Web Application Development Service

Web development company in India & USA offers different types of web application development services with the best result oriented, clients all specifications, different technologies, etc with a cost-effective rate. Get a free quote.