Let's build a STUNNING photography portfolio with Next.js, TypeScript, and TailwindCSS (real world)

[@zachgoll]

This one was super fun to make, hope everyone enjoys and learns a ton! Give it a thumbs up if you can, really helps me out :)

[@matthewchukwu1306]

Zach! I am just a few minutes into this video but i can confidently say, you are a great tutor.

[@jessiedr6215]

Really great content here Zach! Nice to find some more advanced tutorials. Took a few days days to complete, but really learned a lot and filled in some knowledge gaps. Thanks again!

[@zachgoll]

I had wondered how this video would do with my current audience. Any tips you’d give me trying to incorporate more of these advanced tutorials on the channel? Anything in this video that worked well? Not so well?

[@studyingturtle2726]

This is exactly what i need, thank you so much! Appreciate your content:)

[@yoannme1181]

I don't really have the prerequisites for this project yet but will definitely come back here in some time

[@zachgoll]

Yep this is a bit more advanced than my usual content but definitely worth getting through even if you have to learn some things in between!

[@stefanomazziotta1270]

So good content Zach! Your explication helped me a lot for learn nextjs. Thanks you so much!!!

[@zachgoll]

Happy to hear that!

[@sanjibkarki9000]

Thank you , it’s hard to follow along tutorial but worth watching and practicing.

[@lifeisbeautifu1]

Amazing!🔥

[@lscodeschool957]

Thank you Zach, this build was quite on time for the client project am working on. I want to save my pictures in a database MongoDB to be precise with Next.js and Tailwind css. So I really need help on that aspect. I converted the images to base64 with fileReader Api and saved it into my mongodb but is way too large for the mongodb threshold. I am considering alternatives either to save on cloudinary and push the meta data to mongodb. Any idea which other alternative I can use

[@zachgoll]

I would suggest storing your images in object storage (something like AWS S3) and then in MongoDB, you can store the relative path to these images along with other metadata about the image. I would make sure and watch the section of this video where we integrate with Unsplash because you can copy a lot of the concepts unsplash uses for their api for yours.

[@lscodeschool957]

@@zachgoll Alright I am 2:30min thru. i will surely look at it, thank you so much for the feedback. I have followed you closely for couple of years now and you do so well with thorough explanations. thank you

[@MS-gi3hc]

Oh wow. Nice!

[@sparkymagnet]

At 3:11:45 there was a cut that didnt show the fix for that mapping error with the images

[@sparkymagnet]

I get a server error when im at the step trying to put the Tabs on 1:07:00 It says createContext only works in Client Components and to Add the "use client" directive at the top of the file. Error goes away when i take away everything between

[@AM-nm6ts]

53:31 you can replace h-full by h-screen and it will work

[@zachgoll]

That will work well on desktop devices, but not mobile devices. You’ll see extra white space below the content because the viewport includes part of the screen that the browser isn’t using.

[@AM-nm6ts]

@@zachgoll ah ok thanks a lot

[@k303k]

Is it Nextjs 13 version?sir

[@ИванЯловец]

Hello from Ukraine. There is the best comprehensive course I have ever seen. Although @zachgoll mentioned that it might be difficult, I have almost done everything but in the end, I faced the problem of deploying the app in Versel. Anyone, please help me with this) The problem is the following: Module not found: Can't resolve 'child_process' in '/vercel/path0/node_modules/sharp/lib . I spend one day trying to resolved this problem but just waste my time.

[@dariomadau]

Love this tutorial, I'm only one hour in but there are some differences between this and next 13, Would be cool to upload the same guide but maybe add some notes for the updated version.