Front End Portfolio Website Tutorial - Next.js, Three.js, Tailwind CSS

[@CodeBucks]

Thank you so much, FreeCodeCamp, for featuring my tutorial! 🙏 I'm incredibly grateful for this opportunity and excited to share this project with your amazing community. 🎉 To all the viewers, I hope you find this tutorial both insightful and inspiring. Can't wait to see what you all create! 💻 ✨ Let's build something awesome together! 🙌

[@abwebmaster3]

Great project. Keep it on 🔥

[@gasorenshutimoise5279]

How did you get it running in Chrome at exactly 11:35 ? I am going live with it but getting the listing directory / instead

[@mrnasrinasir]

I'm inspired by you.. i aim to work and reach to your level and hopefully land a job!

[@Bookfreak872]

I’ve fallen asleep and woken up 3 hours into videos like this so many times that I actually subconsciously know how this coding shit works now. Give me a few more months and I’ll be working at Palantir. Thanks g

[@_NVTURE_]

This amount of value for free is Unreal

[@QetsiaNkulu]

I have been working with a custom 3D model. If the background image is affecting 3D model’s visibility, try adjusting the z-index or the opacity of the background. I found that removing the z-index property of the Canvas in the RenderModel and adding `style = {{ zIndex: -1 }} to Image component in the page.js solves this issue pretty nicely.

[@ariffinwahaha]

Thank you. Not all heroes wear capes.

[@dorklol2969]

just letting the page open in the background for the moody song. great work!

[@asraf418]

Great tutorial! It’s been incredibly helpful, and I appreciate the effort you put into it. Thanks a ton! I have a few suggestions that might make the site even more user-friendly, especially for beginners: - In homepage, you could consider separating the standard menu from social links. The project and resume icons can be a bit unclear when used alone. The circular menu might look like a decorative element to some users. A visual indicator or prompt could help clarify that it's an interactive menu and encourage users to click on it. Adding a clear CTA button could guide users on where to go next or what action to take, improving the overall flow. - In about page, after the name and short bio, adding an animated down arrow could help signal to users that there’s more content below, encouraging them to scroll down. - In portfolio page, it might be helpful to add some indication that portfolio items are clickable and contain more detailed information. You could also consider presenting the projects as cards rather than a list. This would give the section a more modern, visual look. Including images or extra info would make it more engaging. These are just my thoughts, and I could be wrong since I’m not as experienced as you. Please don’t take offense if any of my suggestions are off the mark! Your tutorial is already fantastic, and I’ve subscribed to your channel as well. Thanks again!

[@abwebmaster3]

Free Code Camp are saving life

[@CodeSnap01]

codebucks is very best in creating frontend projects

[@matt_milack]

A video on sysadmin portfolio projects that could actually help me land a sysadmin job would be life-changing for me.

[@dhruv-194]

You can customise this to a sysadmin theme. With servers, routers, switches etc as clickable objects and an admin room as the background.

[@matt_milack]

@@dhruv-194 Thanks!

[@AlexanderBelov-y8o]

Best video on this channel!

[@Iconic_111_]

funny thing I started coding my portfolio like 30 minutes ago and got stuck,,this will help so much😊 thanks

[@nakachwaestherleila2795]

I personally appreciate the content it is very helpful!!

[@samueljamiemartine]

Oh my god I am the first person to comment

[@Rag3Gaming-n4o]

No i am

[@banankacafamadwaye7107]

Might have to try this out, looks sick

[@sumitkamble_]

Looks magical

[@ITseNano_YT]

damnnn that's next level yeah! tight tight tight

[@batrasifars]

congrats for 10M subs

[@cnkulatunge]

Great stuff🎉

[@davidrufai]

Thanks So much

[@TamNguyen-fd7ov]

Thanks!

[@b__yag]

Codebucks should changes the name to AngelOfCodes

[@chisommichaeluniverse]

Wow. Very creative.

[@miketoporkov1889]

Looks good, though why nextjs, complex animations with framer motion are not good friends with ssr. Base project via Vite with react router dom would be enough I think.

[@MOSABABAKARTAGIO]

Thank you so much

[@vaibhavdeshpande2577]

Will definitely try this❤

[@abrahamomomhenle8417]

Locked in 👍

[@ffandcocgameplay9998]

Bro how to build an AI website or app , for editing or creating the AI images and avatar from prompt and also make a photo into vidieo by giving prompt to and the photo doesn't dissturbe. Please make a video on this bro how to code it , 😊

[@divyanshurajpoot6216]

A new project 🎉

[@paulinkladi1689]

Which tool did you use to generate the sound please ?

[@GoldenSunKev]

It's a bummer that playground doesn't offer the canvas feature anymore.

[@Dontgo5]

is this for beginners?

[@gasorenshutimoise5279]

How did you get it running in Chrome at exactly 11:35 ? I am going live with it but getting the listing directory / instead.

[@yoursamrit2000]

Nice to be first

[@rohithvaidya1878]

Perfect question

[@98samarthyadav95]

Is this beginner friendly??

[@ravalik2103]

Thanks

[@varunprajapati5838]

I've fallen into cors issue after i used the environment presets its telling Error: Could not load kiara_1_dawn_1k.hdr: Failed to fetch!!

[@phasmoeye]

Is having a CS degree even worth it in 2024? I hear it from developers that it has now become like worth nothing. Help me out devs!

[@amykim5934]

노르웨이 드릴까요

[@StinerDevHub]

❤❤❤

[@hdahh1220]

❤

[@rishiraj2548]

👍🏻

[@lil-pNG]

Nice but hot to host it?? Ok cpanel

[@stanhopejite7869]

second person here ..

[@QuantumHustler_03]

Am i first or what 🤓

[@carlosrodriguez4229]

Nextjs, nextjs, nextjs…god I’m so sick of everyone doing nextjs tutorials. There are other frameworks out there 🙃

[@matthewchukwu1306]

Because Next.js is the best out of all.

[@roodnelcharles4248]

So create your own video with the other frameworks then 🙌🏿

[@thedragonforce2210]

6th

[@soumadip_banerjee]

❤❤❤