Personal Portfolio Website with Next.js & Tailwind CSS

Published: 12 August 2024
on channel: Code A Program
2,935
57

Personal Portfolio Website with Next.js & Tailwind CSS | #nextjs14 | #tailwindcss

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:
https://cap-nextjs-portfolio.vercel.app/

🎨 Figma Design:
https://www.figma.com/community/file/...

📂GitHub src link:
https://github.com/Sridhar-C-25/nextj...

📂Assets:
https://drive.google.com/drive/folder...

⏱ 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

#nextjs14 #taliwindcss

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


Watch video Personal Portfolio Website with Next.js & Tailwind CSS online without registration, duration hours minute second in high 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 2,935 once and liked it 57 people.