Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building and Deploying a Job-Landing Portfolio with Next.js

Web Dev Simplified via YouTube

Overview

Learn how to build and deploy a visually appealing and functional portfolio using Next.js to increase your chances of landing a job. Follow along with this comprehensive video tutorial to create a stunning portfolio that showcases your skills as a developer. Explore key features such as adding a dark theme, implementing MDX for dynamic content, creating custom components, adding search functionality to posts, generating static pages, and setting up contact and newsletter forms. Master the process of styling MDX content, creating a custom 404 page, and implementing server actions. Finally, learn how to deploy your portfolio to Vercel, making it accessible to potential employers. By the end of this tutorial, you'll have a professional portfolio that stands out in the job market.

Syllabus

- Introduction
- Project demo
- Project setup
- Add shadcn/ui
- Add dark theme
- Application shell
- Add Intro section
- Add MDX
- Dynamic post page
- Styling mdx content
- Adding custom components
- Add all posts page
- Add search to posts
- Generate static pages
- Recent posts component
- Add projects page
- Custom 404 page
- Add contact page
- Add server action to contact form
- Resend package
- Add Newsletter form
- Deploy to Vercel
- Recap

Taught by

Web Dev Simplified

Reviews

Start your review of Building and Deploying a Job-Landing Portfolio with Next.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.