Build and Deploy a Portfolio Website Using Next JS, Tailwind CSS & Framer Motion

Build and Deploy a Portfolio Website Using Next JS 14, Tailwind CSS & Framer Motion

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

🧡 Get Source Code

💙 Get Source Code With PayPal

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

📁 Download Assets

⏱ Timestamps
00:00:00 Project Intro
00:05:35 Project Setup
00:13:38 Header, Navs, Framer Motion Transitions
00:51:35 Home Page
01:20:00 Services Page
01:32:56 Resume Page
02:12:36 Work Page
02:40:02 Contact Page
03:00:56 Deployment
03:03:30 Final Project

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜

#nextjs #tailwindcss #portfolio

[sonoftroy]

My fellow frontend devs in this thread… don’t steal his work, get inspired then create your own work! If you don’t know how then figure it out… you’ll appreciate your own hard work.

[ugyenofficial]

Firstly I was like He is not talking I wouldnt learn anything but later came back and watched and followed along. Bro, he taught me more than any other talking videos!

[lostinspace]

Thank you!
I started with nothing and, after 15 hours of 'no idea what I'm doing, but I'll try my best to follow, ' I now have VS Code set up with all the required extensions, learned some interesting shortcuts, and, most exciting of all, I have a site running on Vercel.

[dart_ariz]

last i made the camera e-commerce project that was so wonderful and i got appreciation from my client.. All thanks to you. currently i was searching for a good portfolio website using NEXT and animations and your video popped up on the feed.. thanks a lot for your fabulous works and keeping it cost free

[drujas]

As always, very good content. The icing on the cake would be to implement the functionality to submit the form and test it after deployment. 👍

[hmlsnt]

Great video Cristain. I never used Nextjs before and wasn't expecting a video with no talking but I learned a lot about Nextjs and Tailwind thanks for that. Also great choice of music selection for this video, for me anyway it added more enjoyment to coding along for that I have to add myself to your growing subscribers lol.

[rheumaticharm]

I hardly ever watch tutorials without audio because they are hard to follow especially one as big as this. But lets hope it goes well. Going for this one especially for the amazing design so great job on that buddy.

[Salah-YT]

Hey, thanks a bunch for this amazing portfolio! Wishing you a fantastic life filled with happiness always.🙂

[Userkki]

Thank you! Thanks to you, I was able to create a fantastic portfolio of my own.

[ThusharaWijekoon]

This is amazing. Thank you so much. Wish you all the best to create more videos.

[kampang]

amazing, another inspiration for my portofolio website! kudos

[alvin]

Your code style is really concise, and the sound of the keyboard is great. Watching you code is very enjoyable. Which keyboard do you use?

[jorgematos]

Excellent work, I like it and, as always, highly recommended.

[hyakimaru]

I suggest Login/Register and Dashboard page. I love your Creative Design Style.

[summerdesire]

It's a beautiful design. I love it. I'll write it together sometime.

[wisdompeters]

You've gotten a subscriber... Nice content

[DohyeonChoi]

This is a really good video. I've been studying to be a developer for less than 3 months, so I'm still learning about code, so I'm not good at making a portfolio, so I just copied Christian Mihai's. I followed it from start to finish, thank you, I admire you. I made this on Instagram. Can I post it?

[muazzulkarnain]

Gonna try to follow along. Wish me luck!

[saurabhnair]

How do you get the resume button on the home page working so that file is downloaded on click? Other than that great tutorial man.

[Mikroelix]

34:09... Something is wrong with Stairs or StairTransition... using h-full w-full bg-white relative on Stairs whites out the screen... Without animation