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