Build & deploy responsive portfolio page with NextJS, Typescript and Tailwind CSS

This tutorial demonstrates how to build a responsive portfolio website with NextJS, Typescript and Tailwind CSS. As part of this video the website will also be deployed on vercel.

If anything is unclear, feel free to ask and write a comment.

▬ Chapters ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

► 0:00 - Intro
► 1:23 - Setup
► 4:37 - Project Structure
► 12:20 - Basic Layout
► 14:16 - Basic Navigation
► 15:55 - Gradient Background
► 19:08 - Fancy Navbar
► 23:19 - Hero Section
► 31:37 - Burger Menu
► 41:40 - About Section
► 50:14 - Projects Section
► 56:29 - Hero Section Responsive Design
► 58:24 - Service Section & Footer
► 1:03:23 - Indicator
► 1:05:36 - Contact Form
► 1:11:40 - Deployment on Vercel

▬ Links ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▬ Programming ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

► VSCode
► Win11
► Ubuntu Subsystem
► Node v20.11

[fullstacklab]

Hey folks! You can find the link to the code in the description. Feel free to modify it to your liking. Happy coding :)

[neliodiassantos]

An improvement for your upcoming videos could be to increase the font size of the code editor for better readability.

[ElveeraMenezes]

Anybody face issues with image rendering on the Hero page? Anything help. Thank you!

[gynflo]

Hi, what software or website did you use to make your portrait?

[neliodiassantos]

Hello, your github repo link is 404. Maybe is private?