Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

Gatsby Theme Hacker News

  • an elegant way to display linked headlines from Hacker News
  • option to display on styled MDX file

This theme includes

Here’s the source code

Check out a live demo


To use this theme in your Gatsby sites, follow these instructions:

Install the theme:

npm install --save /gatsby-theme-hacker-news

Add the theme to your gatsby-config.js:

module.exports = {
  plugins: ["gatsby-theme-hacker-news"],

Start your site:

gatsby develop

To change the number of displayed headlines:

  • create a shadow component List.js
  • in the shadow component, splice the map function. For example, to display 11 results:
{data.allHnStory.edges.splice(0,11).map(({ node })
  • alternately, modify the GraphQL query:
allHnStory(sort: {fields: [order]}, limit: 11)
© 2023 Gatsby, Inc.