Personal Portfolio Website with Next.js & Tailwind CSS

Published: 12 August 2024
on channel: Code A Program
1k
37

Personal Portfolio Website with Next.js & Tailwind CSS | |

Code A Program...

Learn how to create a stunning portfolio website using Next.js 14, Tailwind CSS, Shadcn UI, and Framer Motion in this step-by-step tutorial. Perfect for showcasing your work and impressing potential clients or employers!

️ Website Live Preview:


Figma Design:


GitHub src link:


Assets:


⏱ Timestamps:
00:00:00 Project Intro
00:06:11 Project Setup
00:16:49 Menu Bar Creation
00:36:40 Mobile Responsive Menu Bar Creation
00:45:29 Framer Motion Setup
00:55:16 Footer Creation
01:01:44 Home Page Creation
01:21:05 Resume Page Creation
01:38:36 Services Page Creation
01:48:21 Projects Page Creation
02:14:30 Contact Page Creation



Thanks for watching!
Make sure to like & Subscribe for more!


Watch video Personal Portfolio Website with Next.js & Tailwind CSS online without registration, duration 02 hours 42 minute 28 second in high hd quality. This video was added by user Code A Program 12 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1 thousand once and liked it 37 people.