DEV Community

Kartik Nair
Kartik Nair

Posted on

 

Finally built a portfolio/personal website. Can I get a review?

Hello everyone! I decided to put some time away this week and build a solid personal website and blog for myself and here's the final result: https://kartikn.me. It's built using Next.js and hosted on Vercel, the code for it is also open-source.

I just needed some advice because currently I'm a university student (in my first year) and I was considering getting a job over the summer break or working freelance. Would this be a good idea? Am I ready?

Top comments (30)

Collapse
 
aralroca profile image
Aral Roca • Edited

I recommend to use the component Link of Nextjs to navigate between pages, to avoid the full reload:

import Link from 'next/link'

// ...
<Link href="/page">
 <a>Page</a>
</Link>

Then, I recommend generating the RSS feed and Sitemap of your blog on build-time. You can look to my blog aralroca.com that I did recently (also with Next.js), and the code is github.com/aralroca/aralroca.com

Collapse
 
kartiknair profile image
Kartik Nair

Damn thanks so much I was just looking into generating an RSS feed and couldn't find much. You're a life saver! Also I'll be sure to fix the Link

Collapse
 
mikeodev profile image
Mike

Some recommendations based off my initial reaction/thoughts

  • Add a slight gradient to your background to kick up the overall visual design
  • Test different font types on your Headers
  • Add a very slight box shadow to your images
  • Create a logo or some type of design based on your name
  • Create a contact form on your contact page
Collapse
 
kartiknair profile image
Kartik Nair

Thanks so much for taking the time to give such detailed advice I'll give these a shot and see how it goes!

Collapse
 
dog_smile_factory profile image
Dog Smile Factory • Edited

Nice work Kartik. You have a real talent for design. You might want to consider taking the menu that appears on the home and the writing pages and including it on the about and contact pages. Consistency of design is helpful to your users. But you should feel very encouraged by the progress you are making!

Collapse
 
kartiknair profile image
Kartik Nair

Ah ok I'll give it a go and see how it looks. Thanks!

Collapse
 
a_mature_dev profile image
a_mature_dev

Looks great

Collapse
 
kartiknair profile image
Kartik Nair

Thanks man!

Collapse
 
baryla profile image
Adrian Barylski

Very nice a clean website. Good job ๐Ÿ‘
One thing that I would recommend changing is the size of the images. The max width they seem to be on my screen is ~650px yet the loaded images are ~4000px. Reducing the size of those images will greatly improve the load speed of your site :)

Collapse
 
agtoever profile image
agtoever • Edited

Looks very nice. Clean design, but not too โ€œbasicโ€. I liked the Noize.ml project. There is a typo in the url to producthunt. The w3c link checker is a nice tool to catch such things.

Collapse
 
clara profile image
Clara • Edited

What a nice looking portfolio page - so clean and straight forward. And your projects are so creative and beautiful too!

Collapse
 
kartiknair profile image
Kartik Nair

Thank you!

Collapse
 
vuyu profile image
Vadim

Nice design. Especially amazing typography

Collapse
 
kartiknair profile image
Kartik Nair

Thanks! The typeface is Noah. I'm a big fan of it and also fontfabric's other typefaces.

Collapse
 
emtr0 profile image
emTr0

Looks very nice!

Collapse
 
rahuldkjain profile image
Rahul Jain

Portfolio looks amazing Kartik. Best part is the minimal design scheme!
Keep it up!
Adding dark/light theme toggle functionality will be a good thing to your portfolio.
Cheers

Collapse
 
blaiseai profile image
Blaise Sebagabo

I love your portfolio, very minimal nice and clean.

Collapse
 
banksdada profile image
banks

Beautiful minimalistic site with no noise.
Easily unforgetable.

Well done

Collapse
 
atulcodex profile image
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

That's good clean and beautiful

Collapse
 
sazadahemad profile image
SazadAhemad

Nice one bro

Collapse
 
maikcodes profile image
maik pleines

I really like the design! Everything is spaced out nicely.

Collapse
 
kartiknair profile image
Kartik Nair

Thanks!

Visualizing Promises and Async/Await ๐Ÿคฏ

async await

โ˜๏ธ Check out this all-time classic DEV post