Gatsby site from scratch #15: Listing all your posts on the homepage

preview_player
Показать описание
Gatsby's implementation of GraphQL has some cool functionality out of the box, like sorting by date, and date formatting. It also has estimated time to read through the markdown plugin and that allows us to easily put together some post snippets on our homepage to give our readers a preview of what our site has going on. That's what we build out in this episode.

00:00 - Intro
00:47 - Cleaning up the homepage
01:39 - Building the query
11:17 - Using the query on the homepage
15:17 - Using the gatsby Link tag
17:53 - Wrap-up

Previous video in the series:

Next video in the series:

Follow Jimmy Cleveland's doings:

#gatsbyjs #graphiql #graphql
  1. Swashbuckling with Code
Рекомендации по теме
Gatsby site from 0:18:22

Gatsby site from scratch #15: Listing all your posts on the homepage

Gatsby site from 0:36:13

Gatsby site from scratch #11: Emotion Styled Components

Gatsby site from 0:13:38

Gatsby site from scratch #10: Creating reusable layouts

Gatsby site from 0:26:01

Gatsby site from scratch #14: Autogenerating URLs from files with onCreateNode

Static site generators 0:07:28

Static site generators (Gatsby, VuePress, Gridsome) 🔥 πroman #15 🔥 hello roman

Gatsby site from 0:15:47

Gatsby site from scratch #17: Limiting query results and creating a page for all posts

Gatsby site from 0:31:47

Gatsby site from scratch #6: All about dat gatsby-image

Gatsby Static Site 9:19:23

Gatsby Static Site Generator Tutorial

Twitch Recording: Building 3:50:46

Twitch Recording: Building a Gatsby + MDX site from scratch

Gatsby site from 0:11:58

Gatsby site from scratch #2: Getting data from files and introduction to GraphiQL

Two Minute Tuesday 0:02:18

Two Minute Tuesday #15 - Optimise your Gatsby build time

Learn Gatsby JS 3:03:56

Learn Gatsby JS from scratch (Full tutorial)

Improve SEO of 0:10:52

Improve SEO of Gatsby site

Gatsby site from 0:29:11

Gatsby site from scratch #13: Progressive Web App (PWA) functionality with ease

The Great Gatsby 4:38:38

The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course

Gatsby Tutorial #1 0:10:32

Gatsby Tutorial #1 - What is a Static Site Generator?

Gatsby site from 0:18:36

Gatsby site from scratch #12: Troubleshooting Gatsby Plugins

Create a Gatsby 1:00:37

Create a Gatsby MDX Blog from Scratch

#10 Create Gatsby 0:06:36

#10 Create Gatsby theme | From Scratch | Workspaces | Create a Gatsbyjs blog | Gatsby WordPress

Can We Really 0:10:35

Can We Really Make a Gatsby Portfolio in 10 Minutes?

Gatsby - Full 1:11:16

Gatsby - Full Tutorial for Beginners

#15 Storybook setup 0:14:27

#15 Storybook setup for Gatsby | storybook react | storybook gatsby | Gatsby WordPress Theme

GatsbyJS: How to 0:13:15

GatsbyJS: How to Make Your AWS Hosted Gatsby Site Production Ready

Gatsby with Prismic 0:18:30

Gatsby with Prismic CMS #2 Pages,Components and Styles

Комментарии
Автор

Hi Jimmy, another very cool and very informative video there. Thank you for that! I'd like to ask you, let's say that I have 10 post, but I just want to list the 3 of them(the most recent) in my home page and have a button "See all the posts" that gonna bring the user to the Blog page with all the posts... How would it look? How can we query it in GraphQL? If you could cover this feature it would be very helpful! Cheers!!

rosaclovis