DEV Community

How I Made My Portfolio with Next.js

Jatin Sharma on October 13, 2022

Everyone needs to establish a portfolio or personal website so that potential employers can get a better sense of your work. I believe everyone sho...

Read full post

Nirmal Singh • Feb 8 '23

Nice Portfolio website. I inspired and started creating own. I faced some issues while compile your website on my local system. Could you please help me to setup is on local?
Thanks

Jatin Sharma • Feb 8 '23

Thanks 😊

The path should be @styles/... not @/styles/... as I have configured the path in tsconfig.json

Nirmal Singh • Feb 8 '23 • Edited

Thanks, you have not used this according to latest documentation. - "Create an app folder and add a layout.js, page.js, and head.js files. These will be rendered when the user visits the root of your application."
beta.nextjs.org/docs/installation
Is it ok to not use the app folder and head, layout and page.js ?

Nirmal Singh • Feb 8 '23

I have also installed your GitHub repo on local, getting this error while npm run dev - "/var/folders/mf/91xfhk2d04qfys8rgnkpvmjm0000gn/T/dev-852e63b8.sh: line 1: next: command not found
nirmal@MacBook-Pro-16 j471n.in % "

Jatin Sharma • Feb 8 '23 • Edited

Yes, it's ok to not use app folder (for now). As it's currently in beta that's the reason i am not using it. But when the stable build rolls out I'll definately gonna switch to app folder.

As you mentioned in your error. It looks like next is missing in your system you can install it by simply running the following command:

npm i -g next

I thinking this should fix your errors.

If you have any other errors or questions I suggest you to Create a new discussion at Github.

Nirmal Singh • Feb 8 '23

Thanks, It's working.
I am new to React, Next, So it's totally confused me to understand the code. I will start on the project from scratch. I will use each thing like React icons, Image, tailwind, Links, Animation etc. each thing one by one.
Please let me know who to start a project and build it from scratch to understand each thing.
Thanks

Jatin Sharma • Feb 8 '23

That's lovely,

You can try everything one by one at your pace.

Please let me know who to start a project and build it from scratch to understand each thing.

I think you mean how to start, right? Start the project and install everything and follow this article (a lot of code has been changed but most of the concept are same). And if you have any question just Create a new discussion at GitHub.

Corey Scheideman • Oct 15 '22

Awesome! Very detailed. This probably could have afforded being a series of several posts instead of one of one enormous post. I guess it goes to show that DEV.to has no post size limit, or it's an extremely high limit.

Jatin Sharma • Oct 15 '22

Yes, It could have been a series of articles. But I thought why bother, simply do an article and it turned out to be the biggest article for me.

Corey Scheideman • Oct 16 '22

It's a whole lot to take in, but it's still really cool to see how diligently and painstakingly you recorded the entire creation of this project. Very informative 👍

Jatin Sharma • Oct 16 '22

Thanks man 🙌

sativ01 • Oct 17 '22

hi! checked your portfolio page, it looks great but a bit overwhelming, just like this article :)
I'm personally a minimalist person and always wonder, what is the motivation for people who spend so much time and put so much effort. It's clearly not financial (although I might be wrong in a long run) so what is it?
I take it you have spent quite some time on it, so on the bottom line - was it worth it? What did you gain for the time spent?
Please don't get me wrong, I'm truly curious. I don't have a portfolio web page, since never needed one. I also haven't written any articles (for the same reason) I always wonder what am I missing? maybe I should start doing those things?
Thanks!

Jatin Sharma • Oct 21 '22

That was worth it to me. I have always wanted to make a portfolio. But when I learned React, I thought it was the right time to build my portfolio. I put my portfolio together using React. But then later I get into Next. js After that, I dropped the portfolio idea using React and went with Next.js and it turned out to be good.

Ultimately, It makes you polish your skills to create something new. It also inspires others too. Yes, it hasn't backed me financially yet but it might in the future who knows? I just feel happy when I open my portfolio and this is all we want to be happy right?

Radu-Alexandru B • Nov 8 '22 • Edited

I can have a take on this one: some people just like to write everything down (step-by-step) when they build something, also, knowing their "tutorial" will be published somewhere, they will often try to explain what they are doing (their thought process) as better as they can, and in doing so, they also learn better their goal and their resolutions towards the goal.

So all in all, it just helps to better understand the problem and the solution that one is providing.

You can check my Study Notes repository where I note everything when I learn something: github.com/radualexandrub/Study

Also, as some people likes to write down all the new stuff they're learning (just like in highschool/college), I like to write things down in markdown and push them to my repo and access these notes everywhere.

Gaurav Raj Ghimire • Oct 17 '22

Really impressed by your work, as it so happens I am currently creating my own portfolio site and I went to sleep last night thinking it's about 80% done but looking at your work made me realize I could do better.
so thanks for giving me the inspiration.

P.S I checked out your other works and FYI your Nepal flag is crooked... 😜