DEV Community

Dinesh Pandiyan
Dinesh Pandiyan

Posted on

120 27

Create your developer landing page with GitHub Pages πŸŽ‰

Developer Landing Page with GitHub Pages

All of us devs, at one point or other, would have wanted to have a personal website of our own, either to showcase our online presence or just 'coz it's fun. So here, I present you a ready-made Developer Landing Page

Usually creating a personal website would involve buying/registering a domain name, finding a free/paid hosting service, developing your site and uploading it to the hosting provider.

But with GitHub Pages, publishing your site is as easy as drinking a coffee.

  • You need a GitHub account (you obviously have one already)
  • Create a new repo with the name {username}.github.io
  • Clone the repo and create an index.html file
  • Add some content and git push

Voila! Your site should be live at https://{username}.github.io in seconds.

Developer Landing Page

I wanted a Dev Landing Page to showcase everything I do online. And I wanted it to be minimal and right to the point rather than beautiful and hefty. So I sat down one night and created this Dev Landing Page.

Few of my friends liked it and I created the same in a few different themes for them.
And I think for most of the devs out there would like to have something similar. So if you're not looking for something fancy and like this minimal Dev Landing Page, feel free to fork/clone and customize it to your dev taste.

You can pick from one of these 9 material themes or change the colors it to suit your taste 'coz it's just too easy.

9 Material Themes

Here's my Dev Landing Page - Dinesh, shining bright in my favourite yellow! πŸŽ‰

You are amazing! Have a great day! ✨

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (26)

Collapse
 
jess profile image
Jess Lee β€’

I'll just not-so-subtly leave this here: dev.to/p/badges
πŸ˜ƒ

Collapse
 
flexdinesh profile image
Dinesh Pandiyan β€’ β€’ Edited

If you check my site, you'll find the badge in there already :D

I'm gonna add this to the boilerplate tomorrow!

Although I'd suggest to build a scalable, colorable version of the badge. 'Coz, I colored the badge by getting its svg code and adding it to the page.

Collapse
 
jess profile image
Jess Lee β€’

Ah, awesome!!

Collapse
 
tomscholz profile image
Tom β€’ β€’ Edited

You should check out gitshowcase.com . it's free and they provide support for custom domains

Collapse
 
baaaarch profile image
BVΠ―CH β€’

Nice! Here's mine bvrch.github.io/

Collapse
 
guergana profile image
Guergana Tzatchkova β€’

Made mine as well!

guergana.github.io/ <3

Collapse
 
flexdinesh profile image
Dinesh Pandiyan β€’

I see you've added your own flavor to the theme. Looks splendid ( :

Collapse
 
rogergcc profile image
Roger β€’

Hi friends this is mine rogergcc.github.io/

And Nice. keep it up

Collapse
 
dance2die profile image
Sung M. Kim β€’

I clicked on the background and boom πŸ’£, the theme changes :)

Collapse
 
devdess profile image

Hi! I'm joining the ranks: devdess.github.io
Thank you Dinesh!

Collapse
 
flexdinesh profile image
Dinesh Pandiyan β€’

Looks fantastic. Congrats on building your first portfolio. Many more to come.

Collapse
 
devdess profile image
Sylvain Dessureault β€’

Thank you!

Collapse
 
algadug profile image
AL-GaDuG β€’

Thanks...I did mine danieltareke.github.io/ based on your steps.

Collapse
 
flexdinesh profile image
Dinesh Pandiyan β€’

Looks great Daniel!

You could also remove the unused brand icons (freecodecamp, medium, behance and codepen) and make your page even more precise.

Collapse
 
tiagat profile image
tiagat β€’

thx!!! tiagat.dev

Collapse
 
jsalvador profile image
Juanjo Salvador β€’

Hello Dinesh! Great job!

Collapse
 
rahulbaisla profile image
rahulbaisla β€’

This is amazing Dinesh !!!!

I will make my dev landing page soon. You are awesome :)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

πŸ‘₯ Ideal for solo developers, teams, and cross-company projects

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay