Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hackafro/gatsby-blog

Blogging with gatsby with realtime comments using Pusher
https://github.com/hackafro/gatsby-blog

Last synced: 4 days ago
JSON representation

Blogging with gatsby with realtime comments using Pusher

Awesome Lists containing this project

README

        

# Gatsby-Blog

Realtime comments on gatsby blogs using Pusher

You can find the tutorial for this repo [here](https://pusher.com/tutorials/realtime-comments-gatsby-blog)

## Prerequisites

- [Gatsby](https://gatsbyjs.org/)
- [Express](https://expressjs.com/)
- [Pusher](https://pusher.com)
- A [Pusher account](https://pusher.com/signup) and [Pusher app credentials](http://dashboard.pusher.com/)

## Getting started

- Clone the project and install dependencies:
- Create a file named `.env`. Update the `.env` file with the content below:

```
PUSHER_APP_ID=app-id
PUSHER_APP_KEY=app-key
PUSHER_APP_SECRET=app-secret
```

> **Note**: ensure to replace the placeholder values with your pusher `appId`, `key` and `secret`.

- Clone the repo
- Enter the project folder
- Run npm install
- Start server by running `node server`
- Run `yarn develop` or `npm run develop` to start the gatsby server

## Built With

- [Gatsby](https://gatsbyjs.org/)
- [Pusher](https://pusher.com)
- [Express](https://expressjs.com/)