https://github.com/wonism/gatsby-starter-notion

Gatsby starter for notion
https://github.com/wonism/gatsby-starter-notion

gatsby gatsby-notion gatsby-starter gatsby-starter-notion gatsbyjs notion

Last synced: 3 months ago
JSON representation

Gatsby starter for notion

• Host: GitHub
• URL: https://github.com/wonism/gatsby-starter-notion
• Owner: wonism
• Created: 2020-01-16T11:57:32.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T23:13:13.000Z (about 2 years ago)
• Last Synced: 2023-03-01T15:06:47.745Z (almost 2 years ago)
• Topics: gatsby, gatsby-notion, gatsby-starter, gatsby-starter-notion, gatsbyjs, notion
• Language: TypeScript
• Homepage: http://gatsby-starter-notion.netlify.com/
• Size: 516 KB
• Stars: 6
• Watchers: 4
• Forks: 0
• Open Issues: 22
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Gatsby Starter Notion

## Features

- Disqus (Blog comment hosting service)

- Google Analytics

- Sitemap

- RSS Feeds

## ⚠️ Prerequisite

You need a token to use this package.

You can get it from [Notion.so](https://www.notion.so/) cookie. the key of it is `token_v2`.

Then set `NOTION_TOKEN` with your token.

```

$ export NOTION_TOKEN="<>"

```

## ⚙️ Options

You can check build options on [this](https://github.com/wonism/gatsby-source-notion-contents#options).

## 🚀 Quick start

1. **Create a Gatsby site.**

    Use the Gatsby CLI to create a new site with gatsby-starter-notion

    ```sh

    gatsby new my-blog https://github.com/wonism/gatsby-starter-notion

    ```

1.  **Start developing.**

    Navigate into your new site’s directory and start it up.

    ```shell

    cd my-blog

    npm start

    ```

1.  **Open the source code and start editing!**

    Your site is now running at `http://localhost:8000`!

    _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

## 🏗 Build

```sh

$ npm run build

```