Build a Stunning React Portfolio: Next.js, Tailwind, and CSS Animation | Complete Course

[@tanzid64]

can't thank you enough.. Very few people are providing quality.. you are one of them.. If I was able to subscribe for two times, I would have done it..

[@frontend-tribe]

Awesome to hear, thanks!

[@liunice]

A very promising frontend dev channel about Next.js ❤

[@frontend-tribe]

Thank you! ❤️

[@saecode5935]

I think you are creator of tailwind, haha. Big thanks for amazing works!

[@satyanarayandalei_]

A Sincere, Humble, Heartfelt Thank you 🙏.

[@monsterT87]

loved every part of this video

[@mrsrk.shorts]

Finally finished this after 5 days, You are truly gem.. Thank you.

[@kruthingadhiya3459]

did u upload it in git hub?

[@mrhk7225]

Hello Bro can you share the source code with me??

[@dharsanr6504]

waiting for a complete Framer Motion course from you soon : )

[@josephs8291]

Sir , your all videos are mind blowing and flawless, I have learnt a lot from your tutorials , I have a request please make a product carousel in framer motion with top notch animation from which I can clear all of my doubts. Thanks in advance

[@frontend-tribe]

That’s a good idea 👍

[@tisevtisev]

Can you share the starter pack please?

[@ajitmaheshwari9079]

Imma try this sooonnn.....love the fwsign 🎉🎉🎉

[@bilimlink]

Impressive, clean, and detailed 👍 Thank you, bro ❤

[@frontend-tribe]

No problem, glad you enjoyed it!

[@GandhiBalingkit]

Yeyyyy I have finished this. Thanks for this gold video @Frontend Tribe.

[@mrhk7225]

Bro can you share the code with me??

[@GandhiBalingkit]

@@mrhk7225 just follow along bro. you will learn a lot and at the end of the day, you will have the source code and the knowledge. Not just the source code alone.

[@yes5421]

Was it worth it

[@GandhiBalingkit]

@@yes5421 yes it is.

[@mdsaifulislam3911]

love from bangladesh .....i fw. your all time video 💌💌

[@markus_dev_cwb]

Awesome project and didactic! Tks to share sir.

[@frontend-tribe]

Glad you enjoyed it!

[@РоманШевцова]

Amazing 😍

[@Sophyvathanak]

What browser you are using?

[@apuahmed7920]

Great project. Great fan of you. Learning something special from you.

[@frontend-tribe]

Thanks so much 😊

[@ZoyaKhan-fx1sz]

You are Amazing

[@ns-gabrielmendoza1329]

Can you share what extensions you use when coding a next js projects? Thanks!

[@Nomadnik_]

Quick question-I’ve watched up to 4:09:10, but for the next animation using Framer Motion, do I need to watch both parts 1 and 2 to fully understand it? I’m a bit confused 😅 while watching the video.

[@frontend-tribe]

This is the full project start to finish. Framer motion takes a little bit to get the hang of it - stick with it and you’ll get it 💪

[@bhaumikraja9713]

Hello, what tool or website have you used to make the laptop screen mockups in projects section? Would really appreciate as I want to add my own projects like that. Thanks! 😄

[@ЗамирбекЖеенбеков]

Do you have contribution graph project or do you now make?

[@frontend-tribe]

Not yet….

[@kenchadwick4875]

So many things clicked watching your video. Thank you. Hope its not too much to ask but is there a chance you could do a eCommerce NextJS w/ Shopify course? That would be a godsend.

[@TheMarketingMan4U]

I have recently completed a mern stack ecommerce project with detailed notes.

[@frontend-tribe]

That’s a great suggestion. I’ll have to work that into my videos 👍

[@rajibdas699]

is it responsive for mobile and tablet?

[@Chesh1m]

Can you please include the whole set up portion of the project instead of just giving us a pre done starter folder so that in the future if we want to create our own projects we don't have to rely on this? Also if I want to do this with javascript (jsx) instead of typescript will it work?

[@frontend-tribe]

Yup, it’ll work without typescript 👍

[@Deus-lo-Vuilt]

Thanks bro ❤

[@frontend-tribe]

Welcome 😊

[@LFCROXforLIFE]

Hi, is it okay if I use this design for my portfolio please? :)

[@status-200-ok]

Thank you very much, this incredible material, I like as you explain step by step and how we can learn to create each of the things, I subscribe and is here often, you have more projects integrating animations with framer motion? maybe some threejs or Gsap, a greeting

[@frontend-tribe]

Keep an eye out, I’m working on new ideas all the time ☺️

[@status-200-ok]

@@frontend-tribe Thanks ❤

[@BeyondDev-ff2nc]

@frontendTribe, how to fix the glob error? it will cause issue in docker build

[@janiththarindu3393]

You integrated part 1 & 2

[@frontend-tribe]

Yeah, I wanted to make it easier for people to follow along

[@josephmyalla3611]

This Pro makes you learn to code by creating your source code by following his videos, just finished the portfolio I am now personalizing it, can you suggest the best hosting providers for nextjs apps?. Many thanks.

[@frontend-tribe]

Check out Netlify or Vercel - both are free 😊

[@leviiiplays1330]

varcel

[@palashbhansali9440]

0:30:00

[@Abdulwahab-hj4me]

what the extension name in which you compare the refrence image with actual website? is there any video to watch for that ?

[@frontend-tribe]

Polypane - check the description 🙂

[@thatsinteresting8479]

Is there any GitHub repo

[@OuerimmiMohamedAzerMohamedAzer]

It s very amazing tutorial and really life saving

[@AnisKhan-pq1iq]

One of the best portfolio video. Please never provide the source code for free.

[@Asyedabdulrahman33]

Kindly do like these projects with some state management tolls also

[@frontend-tribe]

That might be overkill I think 😌

[@Smile-hm6nm]

page transition like if we click on about will it go to about section is this is done in this

[@frontend-tribe]

Maybe?? I don’t remember now, but you could scrub through the video to see 😅

[@KarthikAcharyaKarthikachar-l1j]

Do deploy video, and also finish header button functionality (incomplete 😢)

[@subhampattanaik9123]

Where to get the typescript transparent logo

[@emre-cil]

link not sending mail

[@TonyObijeih]

Really impressive portfolio. We appreciate the Figma design repository, however, your starter files are missing, as they are not included in the Frontend Tribe email and cannot be downloaded. Kindly provide the starter files so we can follow along.

[@frontend-tribe]

Check the link in the description - you can get them there 👍

[@oscar407]

What vscode theme u use?

[@frontend-tribe]

Cursor 😊

[@tisevtisev]

I am unable to download the starter pack. Can anyone help me

[@Codegeeksuniverse]

In hero section The animation has a little jerk or pause while rotating .Can you please help us to fix that?

[@SK_Covers]

Why he is standout of all youtube tutorials. He won't provide source code . Instead he'll be forcing you to do coding by watching this gold tutorial ❤❤❤

[@figsy69]

that's actually a great idea, keep it up

[@tisevtisev]

Can you share the starter pack please?

[@SK_Covers]

@@tisevtisev check the description

[@tisevtisev]

@@SK_Covers On clicking on Download resources, I get this when I inspect: WebSocket error: undefined _app-ddae4c377c277578.js:2 WebSocket closed with code 1006 _app-ddae4c377c277578.js:2 Attempting reconnect in 11433.365372746372ms

[@Rohit_Rai901]

Bro, Make source code free for everyone in community.

[@hamzarehman7057]

is it the same one with two parts?

[@frontend-tribe]

It is, yes. Just releasing it as the full video to make it easier for people going through the project

[@hamzarehman7057]

@@frontend-tribe appreciate it man.

[@TechGPT.x]

please Upload new Content , I am waiting for months!

[@leviiiplays1330]

my header is not in center on small screen after creating rings and stars, pls help

[@xtracle]

My mask image property' is not working and also the rotate is not working in tape section what to do plz hemp 😭

[@Hot-tj2jd]

It's been 2 weeks , where's the new video buddy ?

[@tisevtisev]

Can anyone help me with the starter pack???

[@saketgiri236]

what help u need

[@jannatkaraasta2873]

github resources of this project?

[@frontend-tribe]

Not for this one, sorry

[@thatsinteresting8479]

header section is not completed its in statci not dynamic

[@frontend-tribe]

Thanks for letting me know - it’s the final challenge for you to complete ☺️

[@praveen_oficl]

Is this responsive ?

[@frontend-tribe]

Yes 😊

[@anville6875]

Bro where is your planet website video??

[@frontend-tribe]

All my videos are listed on my channel page lol

[@Harryclinton-wu4xs]

The garinImage is not correct please can you look int this

[@frontend-tribe]

Maybe you can redownload?

[@faraznawazsandhu]

how did you made 3 screens at 7:30 minutes, i am unable to understand it, i am using windows.

[@frontend-tribe]

Polypane browser 💪

[@SandyBarret]

I just need your source code bro

[@MadanmohanTiwari-zf3tp]

Background colour is showing very different if I write same color code So it affects background designs Can you help me for this please

[@leviiiplays1330]

check ur tsconfig

[@RanaAlmAlm]

when i change the header section from relative to fixed, it shows up in the left of the screen not center. Any idea how to fix it and why this is happening ?

[@TheMarketingMan4U]

Question to chatgpt

[@frontend-tribe]

Maybe you missed making it full width or a top value?

[@xtracle]

Do w-full then make position fixed

[@Hot-tj2jd]

Im noob please teach how to make those hamburger menu workable ( past videos ) please 🙏🏼

[@frontend-tribe]

I’ll have a working 🍔 in my next video 💪

[@Hot-tj2jd]

@@frontend-tribe thank you so much sir, love you from india 🌹 I learn a lot from your videos specially blackforge is awesome 😘 God bless you, you deserve 1 M + subs...

[@Hot-tj2jd]

​@@frontend-tribehello sir I have facing a problem for long time that my inter fonts never loaded by the server, everytime the same error " inter not fetch from Google " Can you please tell me one thing , do you use any weight on inter font just like Calistoga ??? Please please please answer me , it's so important sir 🥺

[@kinggrey2511]

Can someone help me my first section (hero section) is not clickable i don't know what i did wrong, please someone help me.

[@xtracle]

Check z - index of applied gradient

[@coder3145]

Can someone please tell me why the cursor-pointer is not working and anchor tag is not working too in footer.

[@aybavs]

Because of the z-index on footer

[@coder3145]

@@aybavs thank you for your help

[@MasudRanaBabu25]

sir make more projects and teach us !🥰

[@frontend-tribe]

Keep en eye out for next weekend 😉

[@MasudRanaBabu25]

@@frontend-tribe waiting ☺

[@ui-desingerbro]

More transition more distractions

[@arupde6320]

github ??

[@ahmedabdelmeguid1131]

please we need github link of this project

[@frontend-tribe]

Sorry, I don’t have one for this one. Maybe a future project…

[@kom_senapati]

github repo ?

[@frontend-tribe]

Not for this one, sorry

[@lawalWebdesign]

First to comment

[@frontend-tribe]

🎉

[@UmarkijanPayal]

How to deploy your SAAS landing page to netlify because when i Type npm run build it complete the command and create .next folder but when i upload it to netlify it says you don't have index.html file 😂

[@frontend-tribe]

Hmmm 🤔 nextjs.org/docs/pages/building-your-application/deploying/static-exports ❓

[@pratiktiwari5689]

if someone makes it and pushed it github please let me know if you can share the code. Thanks :)

[@frontend-tribe]

The code is all there in the video 😁

[@pratiktiwari5689]

@@frontend-tribe its the starter code right not the final one

[@SidIsG]

same here please let me know.

[@EdwardeAkmad]

this channel has gem videos but doesnt know how to manage nor please his community.

[@ToxiThePro]

This random comment is going to on the top of comments

[@salmankhokhar57]

in your dreams

[@user-su4rd3ml8b]

bro literally copying javascript mastery

[@madhankumar8606]

Is this Responsive?

[@frontend-tribe]

Yup, sure is 👌

[@rohitjain7098]

Please provide the git repo for reference as i am facing errors somewhere and i have wasted a lot of time in watching the video again and again or any other one can help me by giving there repo please do so I am stuck

[@syedumairali4345]

Where are you stuck

[@Hot-tj2jd]

Please never ever provide source codes ( for free ) please ❤️

[@Anar-cap]

What's your problem? What if someone is lost during the tutorial and needs them?

[@GokuDoku4]

​@@Anar-cap well this is a video right? You can go back in time here nothing too hard to control that. Plus the video provides an explanation in case they did actually miss something, which will not be seen in the code provided, I would say you'd be more lost if you HAD the entirety of the code (assuming there are no comments for every line of code)

[@Anar-cap]

@@GokuDoku4 why are you against providing code for free?

[@charlesemmanuel1496]

The video is literally the source code for free. That's like telling him to stop doing YT videos. SMH.

[@charlesemmanuel1496]

​@@GokuDoku4 You can literally see the code in the video.

[@shivrajnag12]

Hi @FrontendTribe Can you please create something like this one ? Thanks

[@frontend-tribe]

I might do another portfolio in the future, thanks for the request ☺️

[@figsy69]

the installed packages are not looking good homie, high vulnerabilities

[@frontend-tribe]

Ah, the curse of open source 😅. Maybe you can update the 📦?