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 ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Live Demo: https://nextjs-template-teal-psi.vercel.app Code: https://github.com/denczo/nextjs_template Github: https://github.com Vercel: https://vercel.com/ Contact Form: https://flowbite.com/blocks/marketing/contact/ Wave Creator: https://getwaves.io Form Service: https://formsubmit.co Opensource SVG Icons: https://www.figma.com/community/file/1250041133606945841/4-000-free-icons-open-source-icon-set SVG Icons: https://www.tailwindtoolbox.com/icons ▬ Programming ► ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► VSCode ► Win11 ► Ubuntu Subsystem ► Node v20.11
Download
0 formatsNo download links available.