DEV Community

Yash
Yash

Posted on

Write and deploy blogs in seconds with comments support

A few days ago I wrote my first blog and wanted to make a website for it. So I made one using Next.js and MDX. While making it I got an idea. What if you could just write a blog in github and it will appear automatically in a website. So I did just that. created a Github app which listens for push events and automatically updates the website, and also added comments support using giscus

This blog will teach you how to set it up.

First create a repository. its need to public, then go the website and log in with github. then pick the repo u created, and install the app, and there you go - u can see your blog here - https://blogs-for-u.vercel.app/u/<github_username>

Attributes

You can add attributes like this

data:
  - title: Blog Title
  - dsc: Blog Description
  - date: 2022-06-01 # year-month-day format (ISO 8601)
  - meta:
    - title: Meta Title
    - description: Meta Description
    - image: Meta Image
---
Enter fullscreen mode Exit fullscreen mode

Make sure to add --- after the attributes (even if there are no attributes)

Comments

Now at the bottom of the blog u might see an error

giscus not installed on this repository
Enter fullscreen mode Exit fullscreen mode

This is because giscus is not set up

First install the giscus app then enable discussion on the repository (Settings > Scroll Down > Enable Discussion). After that go back to the blogs and You should see the comments.

If you like this app you considering starring ⭐ the repo

Top comments (3)

Collapse
 
katafrakt profile image
Paweł Świątkowski

Huh, I didn't know about giscus. I think it's pretty cool, better than utterances. Thanks for showing that example.

Collapse
 
yxsh profile image
Yash • Edited

My pleasure :)

Collapse
 
yxsh profile image
Yash

this project is abandoned (I took down the backend)... because no one used it