gatsby-source-notion-contents

gatsby-source-notion-contents

Get gatsby sources from notion

Installation

$ npm i -S gatsby-source-notion-contents

⚠️ Prerequisite

You need a token to use this package. You can get it from Notion.so cookie. the key of it is token_v2.

How to use

// In your gatsby-config.js
{
  // other configs ...
  plugins: [
    // other plugins ...
    {
      resolve: `gatsby-source-notion-contents`,
      options: {
        token: '<<YOUR_NOTION_TOKEN>>',
      },
    },
  ]
}

How to query

• Get all posts

query Notions {
  allNotionContent {
    edges {
      node {
        id
        internal {
          content
        }
      }
    }
  }
}

• Get a post

query Notion {
  notionContent {
    id
    internal {
      content
    }
  }
}

• Get a specific post

query Notion {
  notionContent(id: { eq: "ID_SPECIFIC_POST" }) {
    id
    internal {
      content
    }
  }
}

Example

const Component = {
  const data = useStaticQuery(graphql`
    query Notion {
      notionContent {
        internal {
          content
        }
      }
    }
  `);

  return (
    <div dangerouslySetInnerHTML={{ __html: data.notionContent.internal.content }} />
  );
};

---