Making a Gatsby site from Meetup event data

andrioid profile image Andri Originally published at andri.dk on ・1 min read

As part of my talk preperation for Aalborg Frontend Meetup, I was going to do a walkthrough of a new Gatsby site and use gatsby-source-meetup to import the upcoming events.

Imagine my surprise, when I discovered that Meetup had stopped issuing API keys.


Gatsby has a wonderful collection of source plugins, and one of them happens to be gatsby-source-ical. I'll hand it to Meetup support; they did send me a useful link that indicated they I may not need an API, since they have a calendar feed available.

Finding the calendar export

First, find your group on Meetup, click "Events", "Calendar" and at the bottom there are feed links (if you're logged in).

For our group, the URL is: "https://www.meetup.com/Aalborg-Frontend/events/ical/"

Add the plugin

yarn add gatsby-source-ical


// In your gatsby-config.js
module.exports = {
    plugins: [
        // You can have multiple instances of this plugin
        // to read source nodes from different remote files
            resolve: `gatsby-source-ical`,
            options: {
                name: `events`,
                url: `https://web-standards.ru/calendar.ics`

Query the data

    allIcal {
        edges {
            node {


I put this together in case someone else is creating a meetup website with Gatsby and got frustrated with the API change.

Posted on by:

andrioid profile



Computer Engineer from Iceland, living in Denmark. I mostly post about React (Native), Go, DevOps and Linux


markdown guide

I think you could add code linting to the js files, great tutorial.