UPDATE: Next Level GitHub Profile README (NEW) | GitHub Actions | Vercel

UPDATE: Next Level GitHub Profile README (NEW) | GitHub Actions | Vercel | Spotify

Рет қаралды 104,985

Күн бұрын

👉 Become A VS Code SuperHero Today: vsCodeHero.com
🚢 Deploy for FREE on Vercel: vercel.com/ambassadors/codest...
Since I released my first video on taking your GitHub profile readme to the next level, I've gotten so many questions. So, this video is a follow-up to answer some of those questions and to show you a few new things you can add to your profile readme. Such as your recent GitHub activity, badges, and even what you're listening to on Spotify!
We are going to cover:
- Where to find icons
- How to host your own Vercel instance for GitHub stats
- Badges from Shields.io
- How to add your recent GitHub activity
- Show Spotify "Now Playing"
- And much more!!
If you missed the first video, we covered how to set up your profile readme. Including how to automate feeds from your latest blog posts and KZfaq videos using GitHub Actions.
Next Level GitHub Profile README: • Next Level GitHub Prof...
Here are all of the resources mentioned in this video:
- Simple Icons Repo: github.com/simple-icons/simpl...
- Simple Icons Site: simpleicons.org/
- GitHub Readme Stats: github.com/anuraghazra/github...
- Shields Repo: github.com/badges/shields
- Shields Site: Shields.io
- Badges 4 Readme Profile: github.com/alexandresanlim/Ba...
- Markdown Badges: github.com/Ileriayo/markdown-...
- GitHub Activity Readme: github.com/marketplace/action...
- Profile Readme Stats: github.com/marketplace/action...
- Spotify Now Playing: github.com/natemoo-re/natemoo-re
- Spotify Now Playing: github.com/novatorem/novatorem
- GitHub Profile Readme Generator: github.com/rahuldkjain/github...
- Profile Examples: github.com/abhisheknaiidu/awe...
Time Stamps:
00:00 Intro
00:26 Icons
01:47 GitHub Stats
04:58 Badges
07:40 GitHub Activity
09:15 Spotify "Now Playing"
16:06 GitHub Profile Readme Generator
17:00 GitHub Profile Examples & Resources
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 Theme: marketplace.visualstudio.com/...
🟠 Font: STACKr Code (Exclusive to my VS Code Course - vsCodeHero.com)
🟠 SuperHero Extension Pack: marketplace.visualstudio.com/...
🚢 Deploy for FREE on Vercel: vercel.com/ambassadors/codest...
_____________________________________
💖 Show support!
PayPal: paypal.me/codeSTACKr
_____________________________________
Watch Next:
Web Development - Beginners Roadmap (2020) - • Web Developer Roadmap ...
Playlist: Web Development For Beginners - • Web Development - Begi...
_____________________________________
Connect With Me:
Website: www.codestackr.com
Twitter: / codestackr
Instagram: / codestackr
Facebook: / codestackr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #GitHub #Spotify

Пікірлер: 159

@codeSTACKr 4 жыл бұрын

👉 Sign up for my newsletter to stay up-to-date on my new course: codestackr.com

@dhanushkamadushan1989 4 жыл бұрын

Last time I saw this and blindly follow those steps to create my profile. This time it is an explanation about each item. That's great.

@codeSTACKr 4 жыл бұрын

Glad it helped!

@BryanJenks 4 жыл бұрын

the github activity is one i wanted to add, good lookin out man!

@developerfilip 4 жыл бұрын

This is amazing. I know exactly what I'm going to spend my next weekend doing! :D

@codeSTACKr 4 жыл бұрын

Have fun!

@IsaacVanMechelen 4 жыл бұрын

This is quite a walk through. Thank you very much!

@codeSTACKr 4 жыл бұрын

Glad it was helpful!

@themrcesi 4 жыл бұрын

Thanks for all your videos!

@pradeexsu 4 жыл бұрын

Thanks man, I appreciate your hard work.

@codeSTACKr 4 жыл бұрын

My pleasure!

@michaelbernardrasputtini Жыл бұрын

Thank you so much!! Did it work

@gabrielmatheusalvesmartins4011 Жыл бұрын

Perfect congratulations for the teachings and thanks for the help😀

@jossyollarupuram7090 4 жыл бұрын

Love this guy and love his video

@azharlihan 7 ай бұрын

Thank you very much for sharing. Great tutorial.

@user-mf2lo1ws8i Жыл бұрын

Thanks you very much for this tutorial!

@codesweetly Жыл бұрын

Thanks for this helpful tutorial!

@code9078 Жыл бұрын

Your voice is relaxing.

@eddiejaoude 4 жыл бұрын

The Spotify one is great 👍. I won’t use it as my taste in music is shocking (according to my wife 😂)

@thunderbolt8632 3 жыл бұрын

My anaconda don't 😂

@rangabharath4253 3 жыл бұрын

Awesome as always 👍😀

@codeSTACKr 3 жыл бұрын

Thanks again!

@satejbidvai 4 жыл бұрын

Thanks a lot for this :) ❤❤

@codeSTACKr 4 жыл бұрын

You're welcome 😊

@lucahoffmann8695 4 жыл бұрын

love it nice vid

@rabeehta222 4 жыл бұрын

Spotify 😂🔥, github's way of implementing instagram's story

@teyang666 3 жыл бұрын

Hey Jesse, thank you for the great tutorial! Anyway, my extra repo pins do not get updated after I change them (for e.g, the description). Do I have to update something else?

@eduAIJourney 4 жыл бұрын

You Are Awesome 👍😃

@franciscomorenovazquez9481 4 жыл бұрын

Amazing! Thank you very much but now I just have one more question, how can I learn to use tools such as updating the profile with blogs, KZfaq videos and all that, what kind of programming is used for those things?

@Hacker-hm7nj 3 жыл бұрын

Just awesome

@ArsenTech Жыл бұрын

That is amazing! You Got a new sub

@codeSTACKr Жыл бұрын

Welcome!

@Emerson-tw7lj 2 жыл бұрын

thanks!!!

@aniketchauhan9143 4 жыл бұрын

Great🤘

@marcinbiaecki9731 3 жыл бұрын

Thank you! :)

@codeSTACKr 3 жыл бұрын

You're welcome!

@vigneshpadmanabhan Жыл бұрын

Hey ! thanks for the high level overview. The actuals have changed now. not sure how to deploy this. as it wants m to be in production branch before sending it to vercel

@parthkumarchaudhary 4 жыл бұрын

Awesome 🎉🎉🎉

@codeSTACKr 4 жыл бұрын

Thanks 🤗

@j_e_e_t 4 жыл бұрын

U r great bro!!!

@codeSTACKr 4 жыл бұрын

Thank you so much 😀

@pedroheck3667 2 жыл бұрын

Some things have changed in the Vercel website and I cannot follow your tutorial. The options you mentioned are not there :(

@Wassilvideos 3 жыл бұрын

is there a tips for getting multiple language profile ?? i want to have a profile in english and french

@feliepdusurf 3 жыл бұрын

Hi !!! there is any way to put badges side by side in a single row?

@dayhele 2 жыл бұрын

thank you! o/

@ButterNCreamz 4 жыл бұрын

Hope it can embed twitter and instagram in the future too

@yassinebaghdadi5844 Жыл бұрын

to fix the spotify u have to clone the repo localy and push it to new brnach name it main, and will work normal

@jmeadeio4347 3 жыл бұрын

Do you know if you can use ITunes instead of Spotify?

@reebosauruz 3 жыл бұрын

13:55 After inserting the curl request into the terminal, does anyone else's terminal not return anything and the command line look like it's waiting for an action to be called?

@vladmirbc8712 3 жыл бұрын

Thanks! I did everythink exact the same, and it worked, but when I've deleted all Jupyter nootebook files from all my repos, "Most Used Languages" hasn't updated and still shows that I have Jupyter nootebooks files

@pjr 3 жыл бұрын

Can I use Netlify to deploy the Spotify thing?

@funon2313 9 ай бұрын

After following everything for github stats and after pasting the custom vercel domain, I still don't see the stats of private repositories.Why is that?

@Marcos_Vinicius3777 2 ай бұрын

same

@Laiirton 2 ай бұрын

same

@edu_src 3 жыл бұрын

The languages of private repositories don't come too?

@FalseDev 4 жыл бұрын

I cried at 10:37 lol 😂🤣

@dgloria 3 жыл бұрын

Hi, how can I make the twitter icon use the hex code?

@unamattina6023 2 жыл бұрын

what date should be for expiration?

@XTheFinalJokerX 3 жыл бұрын

If you have problems try using this link in you MD instead the one recommended on the repo: [](open.spotify.com/user/{USER_NAME})

@dvrao7489 3 жыл бұрын

Thank you worked for me :)

@MultiHeartrock 3 жыл бұрын

@Daniel Garnica This is exactly where I'm getting an issue. Either link will not get the waveform w/ album art to display, just a link. I'm not sure what's going on and I don't see any updates to the original novatorem repo...

@Brunomaria71 2 жыл бұрын

thank you the other one didnt work and this did

@lazywarrior 3 жыл бұрын

how to change the color of icon using simple icons' cdn link???

@rajdeepsinghborana2409 4 жыл бұрын

Sir please provide us Big data( Hadoop) , ML, Salesforce playlists for Beginners to Advance 👨🏻‍💻

@prasenjitnayak_ Жыл бұрын

I tried Spotify one, but the music playing icon isn't appearing on my profile . 😮‍💨

@franklinm7644 3 жыл бұрын

Spotify part is not working for me. 😭

@weiquanlow9 2 жыл бұрын

13:58 thats where i failed at can anyone help? It kept giving me error everytime i tried

@Universal_MisiQ 3 жыл бұрын

how to add podcast e.g google podcast?

@tajeddinealaoui445 3 жыл бұрын

on 0:00 timestamp, Keep hitting left arrow :)

@brayandiazjimenez1420 11 ай бұрын

How I display the Github logo instead of the rank level?

@szymonlacz722 2 жыл бұрын

spotify playing stopped me when paste on Git Bash doesn show me accses and refresh token why ?

@easternbloxxer 2 жыл бұрын

i get Error: Bad credentials with the activity thing

@meenachisundaramv 2 жыл бұрын

still getting API rate limit error even for the forked repo and this is pointing to "anuraghazra" repo

@darkstardream1551 2 жыл бұрын

How to add Facebook/instagram follow badge which shows page followers

@university415 2 жыл бұрын

How to create .github/workflow folder in my github. Can somebody help me!!

@ImMisterEric 3 жыл бұрын

Great tutorial. The only thing that isn't working for me is the Spotify bit.

@MultiHeartrock 3 жыл бұрын

Same here, I'm getting the error {"error":"invalid_grant","error_description":"Authorization code expired"} when i trie to run the curl command every time

@ldpriice 3 жыл бұрын

@@MultiHeartrock Same here, anyone found a fix yet??

@ldpriice 3 жыл бұрын

@@MultiHeartrock Ah fixed it, just had to regenerate my callback string by running that link again.

@MultiHeartrock 3 жыл бұрын

@@ldpriice So in your terminal (Git Bash, iTerm, what have you), you literally just run the same code a second time?

@trickyd072 3 жыл бұрын

Having a lot of difficulty with Vercel! I have all the information and I have tried to deploy several times. I have changed the environmental settings as well to match what you have done just to make sure about case sensitivity. In your vercel deployment: Does the code appear in the files? I get a 404 error. Once I enter the deployment. Also I have done both in the code in the setup file and on your readme. Please Help!

@videofandude99 3 жыл бұрын

I have the same problem too. I hope someone helps address this.

@omkarsahane5033 3 жыл бұрын

I have same issue did u find any solution please help us

@mateusloubach 2 жыл бұрын

I'm currently having the issue that the maxDuration must be between 1 and 10 seconds. I have no idea what this error means.

@ThatKermitGuy 2 жыл бұрын

@@mateusloubach Same.

@dennispetereit6283 2 жыл бұрын

Same error

@Panzerbjrn 3 жыл бұрын

Disappointingly, neither of the Vercels seem to work. for the read-me, it complains that I need need to add the PAT, which I obviously added ;-) And for Spotify, it shows the original authors Spotify, not mine :') Maybe a topic for a future video...

@vamsee7875 3 жыл бұрын

Spotify not working in GitHub profile

@rahulCoding 3 жыл бұрын

Simplest way 16:07

@pratipification 3 жыл бұрын

Hey i have one question. I am also a software engineer and thinking of starting my KZfaq channel. I work in Dassault Systèmes product called Enovia/3DEXPEREINCE. So here is my question can i make videos on that technology? I mean are there any legal obligations i need to consider ?

@alexsindledecker3665 3 жыл бұрын

That is something that you should probably discuss with the company itself.

@unrundead3779 2 жыл бұрын

The Part of Vercel does not work anymore... Sad

@erichepperlewp 2 жыл бұрын

02:36 - Create GitHub personal access token

@simofleanta 3 жыл бұрын

I had no refresh token

@alexisbonnet8087 3 жыл бұрын

I fixed it. You need to edit the requirements.txt file and change the flesk version to 1.1.4. --> SPOTIFY README

@franklinm7644 3 жыл бұрын

Can you refer your github link

@MultiHeartrock 3 жыл бұрын

@BAlexis I think I forked the novatorem repo after you made this change, but I'm still getting the same error. The waveform etc is not displaying. Does flesk need to be updated again?

@WaldorfElephants 3 жыл бұрын

Hey codeSTACKr, really helpful video! I'm encountering a problem with Spotify feature. I triple checked every step in the process to make everything was copied and inserted correctly. But whenever I have to put the final links to md file, they don't work. If I opened your link (from your file) it shows up as that Spotify feature in blank web page, if I use the same link template as yours I get 404 not found. If I use link template provided (and recently updated) from the repository, according to the setup, I get "Internal Server Error". Any ideas where the problem could be?

@XTheFinalJokerX 3 жыл бұрын

I had the same problem, what I did was change the last url, the one that goes in the MD to this: [](open.spotify.com/user/{USER_NAME})

@fatkhinurakhsan4078 2 жыл бұрын

@@XTheFinalJokerX thank you so much, it's work for me

@joserubensdeoliveirajunior9945 3 жыл бұрын

403 A Runtime Error Occurred Unexpected Error (undefined api.github.com/users/rubensojunior) for me appears that when try to connect repo in vercel

@perfectcoding9127 3 жыл бұрын

Look abhishek tag your name codeStacker in content😯🤗

@bear5197 2 жыл бұрын

My vercel looked completely differant

@andybredar8868 3 жыл бұрын

Can't get the spotify feature to work no matter how many changes things I try... I believe that I did all of the environment variables correctly but nothing shows up in my profile README. I pasted the link into the .md file correctly so I'm not sure what the problem is. Any ideas on what I may be doing wrong?

@codeSTACKr 3 жыл бұрын

what happens when you browse to that URL?

@cineverseproductions 3 жыл бұрын

Likewise. Everything worked like a charm but when I paste my vercel domain link in the of Spotify markdown section, it doesn't show anything. The link is broken. I tried twice, its still the same.

@makeitcomic7087 3 жыл бұрын

Spotify section not working

@gabrielbaldez3178 2 жыл бұрын

Spotify doesn't work for me, just shows a link to my profile

@darthvader9239 3 жыл бұрын

Spotify playlist is not showing.

@killerz7545 3 жыл бұрын

You Also got 404: NOT_FOUND Code: DEPLOYMENT_NOT_FOUND

@kwanna1494 3 жыл бұрын

I have a problem

@AndreioxMacedo 3 жыл бұрын

People say they dont like the 90's web with all those gifs and shit, but do all these things on their github profiles. lol

@omkarsahane5033 3 жыл бұрын

Spotify is not playing live ... The only link appear in profile and it goes to the my Spotify account only please can u explain why?

@roshanchapagain5110 3 жыл бұрын

I faced this issue too. Make sure the final link is inside an image tag. Just like codeSTACkr's.

@alexisbonnet8087 3 жыл бұрын

I fixed it. You need to edit the requirements.txt file and change the flesk version to 1.1.4.

@jossyollarupuram7090 4 жыл бұрын

Hey man can you make a video on a git stats Readme MD from scratch

@codeSTACKr 4 жыл бұрын

Not sure what you mean. Did you see the first video? This is the second

@jossyollarupuram7090 4 жыл бұрын

Yed

@jossyollarupuram7090 4 жыл бұрын

Yes

@jossyollarupuram7090 4 жыл бұрын

I'm talking about the github stats badge you used

@maxwellmensah35 3 жыл бұрын

this is the update: www.base64decode.org/ switch or click on ENCODE FROM THE HEADER !

@BlackH3art.. 3 жыл бұрын

RIP. spotify. Im getting: "INVALID_CLIENT: Invalid redirect URI" In just 1st step in "Refresh Token" link. I checked the link in spotify "localhost/callback/" What is wrong with that?

@McZarya 3 жыл бұрын

Make sure you removed the "{}" in the "{SPOTIFY_CLIENT_ID}"

@chetannimbalkar7842 3 жыл бұрын

That spotify api breaks if you're listening to podcast, Please check it

@codeSTACKr 3 жыл бұрын

I do not maintain the API. You can submit an issue on GitHub if you would like.

@chetannimbalkar7842 3 жыл бұрын

@@codeSTACKr okay, thanks for your reply

@perfectcoding9127 3 жыл бұрын

Most of the People are from India Who make Github profile to Next Level.

@ASHStudios 3 жыл бұрын

I implemented almost everything except the recent github activity. Can't seem to understand why it is not showing up on the profile. Here is my profile: github.com/ashawe/ashawe/ GREAT VIDEO BTW!!! Edit: i figured it out after 15 commits 😂😂

@sidharthmohanty2538 2 жыл бұрын

can you please help me its not showing up for me

@killerz7545 3 жыл бұрын

404: NOT_FOUND Code: DEPLOYMENT_NOT_FOUND that's what I get in my Vercel

@vamsee7875 3 жыл бұрын

its working just need to add as in steup.md [![Spotify](USER_NAME.vercel.app/api/spotify)](open.spotify.com/user/USER_NAME)

@killerz7545 3 жыл бұрын

@@vamsee7875 oof I deleted it and tried it again now I have 502: BAD_GATEWAY Code: NO_RESPONSE_FROM_FUNCTION ID: lhr1::zq758-1599558513764-f25ed4a1f3a9

@vamsee7875 3 жыл бұрын

@@killerz7545 what did you do?

@killerz7545 3 жыл бұрын

@@vamsee7875 idk i just reinstalled it and now its even more broken then before i guess

@killerz7545 3 жыл бұрын

@@vamsee7875 and the README.me is also not showing on my profile

@thengakola6217 3 жыл бұрын

All of them are indians...???🌝

@maxwellmensah35 3 жыл бұрын

base64 is looking weird

@blasttrash 4 жыл бұрын

why are there so many Indians making github profile addons? Was this part of some online hackathon in India or what? Just surprised. Before anyone gets offended, I am Indian too.

@Grigoren_com Жыл бұрын

спасибо, всё пофиксил!

@Stevrob61 3 жыл бұрын

Its actually very basic

@mmk214 3 жыл бұрын

Github light theme 🤮

@dominiquebello3212 Жыл бұрын

Hi, just for information: to get the github variable working is now part of the paid plan of Vercel... 😕 Thanks codeSTACKr for this great tuto anyway 👍