DEV Community

🔥 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...

Read full post

Deepu K Sasidharan • Feb 14 '20

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

Jingles (Hong Jing) • Feb 14 '20 • Edited

If not, what another way?

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

Lucia Cerchie • Jul 19 '22 • 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.

Rodion Gorkovenko • Feb 14 '20

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?

Keff • Feb 14 '20

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.

Rodion Gorkovenko • Feb 14 '20 • 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.

Keff • Feb 14 '20

Yup, definitely only owners and collaborators can add labels.

Keff • Feb 14 '20

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

Mark Davies • Feb 14 '20 • 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

crycx • Feb 14 '20

I really like the fonts and the overall design :)

Jingles (Hong Jing) • Feb 14 '20

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

Any downside to this as compared to the Jeykll way.

Jingles (Hong Jing) • Feb 14 '20 • 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?