How to Build and Deploy a Portfolio with Next.js that Will Land You Jobs

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00:00 - Introduction
0:00:30 - Project demo
0:04:00 - Project setup
0:09:15 - Add shadcn/ui
0:14:30 - Add dark theme
0:25:00 - Application shell
0:35:00 - Add Intro section
0:39:00 - Add MDX
0:48:00 - Dynamic post page
1:03:00 - Styling mdx content
1:08:30 - Adding custom components
1:16:00 - Add all posts page
1:23:10 - Add search to posts
1:28:30 - Generate static pages
1:31:30 - Recent posts component
1:33:20 - Add projects page
1:38:00 - Custom 404 page
1:40:45 - Add contact page
1:53:30 - Add server action to contact form
2:00:00 - Resend package
2:09:40 - Add Newsletter form
2:17:20 - Deploy to Vercel
2:19:05 - Recap

#NextJS #WDS #WebDevPortfolio

[yashiscoding]

Hamed has to be one of the best NextJS instructor on the internet. I learnt many complicated terms in simple explanations

[DailyIntern]

Collaboration is the new way to grow as content creators, glad you working with others Kyle🎉

[LutherDePapier]

I think you could use "import 'server-only'" instead of the useEffect setMounted stuff to ensure that the theming process only works on the client.

[AmandeepSingh-sxke]

Thank you Kyle. Your videos help so much. 🙏

[QuantumCanvas]

I really appreciate what you do in WDS but I'd suggest you to mention that 3d touches can look great in marketing or portfolio websites but it might not always work if you're building a real world solution where you consider people from all groups to maintain accessibility standards (especially if you're building something for a state agency) where you'd have to go through a long list of documentations and formalities.

[larhakobyan]

I’m really confused by your approach. You’re suggesting to follow along, but then you paste a 110-line code all at once. This code isn’t listed anywhere in your GitHub repo, and it’s not visible in your GitHub commits. Plus, the final code on your GitHub doesn’t match what you pasted earlier at all.

[hassancoder]

Thanks for your detailed explanation ❤

[manishshaw]

Thanks Kyle.I am following the tutorial let's see how it helps me 😄

[ilan]

Hello Hamed, always thank you so much for your content ❤ I have a question … I keep getting an error from the server components saying the following : Only plain objects, and a few built-ins, can be passed to Client Components… do you think we need to serialize the data or stringfy?

[AlThePal]

so are you now more into next.js or react.js or are you liking them both and have different reasons to use any of them

[QuantumCanvas]

A portfolio can never land you a job if you don’t have experience doing stuff. If you're new to the field lemme tell you, job isn't always a way to gain experience. There're multiple different ways like participating in hackathons, build real world solutions, doing out of the box stuff or maybe by building some fun project.

[thisguyhasnochill]

6:41 Yeah bro i like how you created component in a second without explanation. What extension you have or what so we can create it fast too, i need to waste minute to create that, so 2 hour video is 2 days i guess

[PSPeeks]

My one issue is that he does a lot of copy & paste which is fine, but several times his split screen preview is covering blocks of the code. Other than that it's great.

[rifatmunna]

bro i can even build e-com website with fully nextjs still no job

[balajiganesh]

33:46 I am following the exact same code you have given. The dark theme is getting applied to only buttons and next, and not to the container background which remains white always. Any help would be appreciated

[skills]

so what if I want to generate post and projects dynamically ?

[dejo]

Is there a github repo, this guy is just pasting whole components, and it takes alot of time to pause video at exact time and retype all from screen.

[prasannanaik]

Big ass monitor screen, unable to see properly. At least zoom it.

[artaman]

Prettier auto save is not working, do we also need to install its vs code extension

[Jagadeesh-K-]

Your videos are great as always but I will not agree that a portfolio site will help me land jobs, coming from someone who has a portfolio with great lighthouse score and great projects in it PS: My portfolio ranks 1st on Google still no use