Build a NEXT JS Portfolio Website With Tailwind CSS | Jr. Front-End Developer

this is so amazing.. the way you explain is so awesome.. you are a great teacher.. thank you so much.

Thankyou Clin! It's a super great video! Very friendly for beginners like me to follow along. One suggestion is that it would be even better if you can write in the description about the Next.js version you are using and that there might be some updates we need to fix ourselves. Because the Next.js I am using now is 14 and they changed the files layout!! As that now the routes pages need to be each in it's own foulder and then inside this file a page.js file. I struggle like two days to figure it out (I am very very new to coding so I have no idea about the version difference! It's mad)

Contact component video is repeated??

please give me the source of the skills pictures you used

H screen responsive? Scroll is not function

why cant i see the pages in nextjs?

Can we customise and use it as our own portfolio website?

@codecommrece

Hi, @codecommerce I have developed ditto as you have designed it but I am facing an issue that after every section it show alot of gap/gutter space. please let me know how to remove it.

Thank you for the video. Did you deploy it already? do you have a link?

He types so fast as he explains...while me taking time to think as I type quietly.

Super Value ... even halfway 2023!!!!

I've had a really tough time getting into web development for my DevOps Development project since there is so much boiler plate and mess to go through. This tutorial has been pretty damn great and I've been having fun experimenting with my own design ideas with Tailwind. Thank you!

Awesome tutorial! I've learned more from you than any other resources that I can find. Thanks for this type of content. Quick question: Do you still have the Zillow clone project tutorial on your channel? I can't find it

Great project Clint! Thank you so much. You're great at teaching, and the design/aesthetic is simple, clean, professional. Very nice touch with the transparent background on the nav bar when you view one of the project pages too! Awesome build though all the way, very nice design!

good! why didnt u use dynamic routes instead creating every detail page separately?

This was by far the funniest I've had! Thank you for giving out instructions and what you were implementing! I know I'm late to the party, but I hope to watch more of your tutorials!

No apply Smooth Scrolling kindly Reply this & how to resolve error

To fix the smooth scroll problem I had to add scroll={false} to each of my Link tags

Best portfolio ever !

Hello - Your video is more than awesome! THANK YOU!
Can you please briefly share which VSC plugins you are using?
Kind regards MB

Hey can anybody help me remove the transparency effect from the Navbar ? I don't want it to be transparent when I scroll down.

prettier or not, when I type h1,h2,h3... the h1 jumps the line, how can I change that and keep all the h# in the same line?

the way I want on save:
h1, h2, h3, h4, h5 {
@apply font-bold
}

the way prettier or not prettier make:
h1,
h2,
h3,
h4,
h5 {
@apply font-bold;
}

how can we get this live? i have my server and domain name bought but its displaying index of/ along with my directories? does anyone have any guidance for me? i am very new to this

how you did implement smooth scrolling can you please explain again in sperate video

Thanks, this tutorial is fantastic and I am managing to get through it but my eyesight isn't the best. Maybe 125% - 150% zoom would be better. It wouldn't affect other viewers, but it would certainly help us out. 😃👍

One thing I would recommend in the Skills component section is to make an object array with all of the image properties, then do a Array.map() of the parent and the children, using the index of the array as your key property. This is a more "React" way to do this instead of copy-pasting 8 different sections of HTML.

By the way thanks for this tutorial. I followed along but kinda went "off the trail" a bit to style it to my liking. Taught me a lot about how CSS works and how do build future portfolio websites. Really, this is a ton of value. You already know I smashed the like and hit subscribe!

Hey Clint, great tutorial however i am having an issue with the property page. The overlay is not working and the image is not responding as aspected. The code is the exact same and I have tripled checked to see if there is any errors but i cant seem to find any. Any ideas as to why that would be? the div with the overlay styling is not appearing at all.

I have a small question about Navbar, as I saw in the document next/link, we should <Link> should wrap in <li>, but in this it seems backwards now. Is this correct?

10/10, great content. Keep it up!

Loved this thanks alot. Just a shame imo you're not using props and hardcoding everything

Thank you very much. I learnt a lot from your video.

​@Code Commerce I have tried doing everything the way you have it except I used npm instead of yarn I cannot get the navbar to populate and the folders look the same says navbar undefined when I put <Navbar /> in index folder, the difference is your index folder is .js and mine says .tsx for some reason guess that could be the prob

Good video Bro. Now I got a beautifull portfolio. Thanks, greetings from Argentina!

Ankara messi programador es este

This is amazing, thank you so much. I learned tremendously from this video, the fact that you just show every step of the way is amazing. I hope to see more videos like this.

Good afternoon, I know that the video is 9 months old, but I have used it to shape my first portfolio. I thank you from Argentina for that. I have a console since I have tried to make a dark mode, but following tutorials I do not see where my error is since using next-theme for some reason only the inputs of the contact form are changed. Might you help me ?

Any suggestions on what you would use for hosting, my plan is to use nextjs for a portfollio site then I have a laravel and mern app that are offline that I would like get live at some point and tie them all together

you are really awesome ! This is first video, but yes i am loving it. explanation is simple and crisp, as an Indian the speaking skills are a bit fast for me but rest things are just great, keep making, will loved to learn from you.

great video however I'm having difficulties deploying my version of the website. the tailwind styles do not apply after deployment

Hey Client when i try to deploy using vercel in the Project.jsx component we pass props backgroundImg and imported path image file and it throws error like cannot read ../public/assets .. do you have any solution for this thanks a lot

Love your video, Thank you

In Next 13 they made changes to Image and I couldn't get it to resize the images. I got it to work using 'next/legacy/image' instead of 'next/image' but I still haven't gotten the new Image to resize correctly.

Planning to re-create my portfolio with Tailwind instead of Bootstrap as it's kind of outdated. And this is actually pretty cool! Will soon watch this and by the end of it will do refactor some styling to suit my tastes and also add in some animations with Framer Motion. Great tutorial!

i was looking for an api to show crypto changes in a website I'm working on for days, and i got it from your crypto site now!! thanks man!!