DEV Community

Cover image for 🔥 Create your YOUR Personal Blog 📜  using Reactjs  ⚛️ & Github Issues in less than 10 min 🕐

🔥 Create your YOUR Personal Blog 📜 using Reactjs ⚛️ & Github Issues in less than 10 min 🕐

Saeed Ahmad on February 14, 2020

This post features the work from my friend @saadpasta React Blog React + Github Issues 👉 Your Personal Blog 🔥 React Blog is a pers...
Collapse
 
rodiongork profile image
Rodion Gorkovenko •

That's cool idea!

To use issues as storage - very clever! :)

And free!

But it seems everyone can create issues - and thus add stuff to your personal blog? May I try?

Collapse
 
nombrekeff profile image
Keff •

I'm developing something similar, and what I thought for this was, that the posts shown are just ones with a specified label, so even if people create issues, they will not appear in the Blog.

Collapse
 
rodiongork profile image
Rodion Gorkovenko • • Edited

Is it correct that only repo owner can assign labels? Then it's solution, yes!

UPD, it also seems that now GitHub allows limitations on who can "interact with repository" - probably this also includes issues.

Thread Thread
 
nombrekeff profile image
Keff •

Yup, definitely only owners and collaborators can add labels.

Collapse
 
deepu105 profile image
Deepu K Sasidharan •

Nice idea. Just a suggestion, don't put your personal access token on the repo, base64 can be decoded and it's not safe.

Collapse
 
jinglescode profile image
Jingles (Hong Jing) • • Edited

If not, what another way?

And since theres no scope, it is fine right? Just read only, is it?

Collapse
 
cerchie profile image
Lucia Cerchie • • Edited

You can put it in a .env folder and do this same project with Next.js or Express to send your env variable from a server -- if you send it on the client with 'vanilla' React it's still exposed to the browser.

Collapse
 
crycx profile image
crycx •

I really like the fonts and the overall design :)

Collapse
 
nombrekeff profile image
Keff •

I was doing something similar man. You won me to it :P

Collapse
 
joro550 profile image
Mark Davies • • Edited

Hey, just mentioning that your clone link seems to be pointing to the wrong place :D

https://github.com/username/react-blog-github.git

otherwise, nice project you have there :P

Collapse
 
mzaini30 profile image
Zen •

Comment system? Try using Disqus

Collapse
 
ducdang profile image
llmas-laptrinh •

Wow that great idea!

Collapse
 
nombrekeff profile image
Keff •

I suggest checking utteranc.es/ for the comments thread. It's already done for you ;)

Collapse
 
codeprototype profile image
Kevin Le •

This is great.

Collapse
 
zenulabidin profile image
Ali Sherief •

Nice library. Do you know if there is a React CMS that works with Github Pages, something like Wordpress?

Collapse
 
phuocding profile image
phuocding •

And how to deploy without push folder "build" on github pages?

Collapse
 
phuocding profile image
phuocding • • Edited

I got it, many thanks

Collapse
 
jinglescode profile image
Jingles (Hong Jing) •

Wow. Never thought of that. Make me wanna try it too.

Any downside to this as compared to the Jeykll way.

Collapse
 
jinglescode profile image
Jingles (Hong Jing) • • Edited

Any idea if we can beautify the URL?
Particularly:

  • remove the "#"
  • form URL using regex remove non-alphanumeric, and replace space with dash, append issue ID at the end (e.g. react-blog-github-test-issue-3--2)

And how about SEO? Would there be any issues?