How To Build A Portfolio Website: React.js, Next.js 14, Tailwind CSS, Shadcn UI

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

🧡 Get Source Code
https://www.buymeacoffee.com/cristianmihai/e/182731

💙 Get Source Code With PayPal
https://ko-fi.com/s/3a84bc0aad

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

📁 Assets
Fonts: https://fonts.google.com/
Images: https://www.unsplash.com
Illustration: https://www.freepik.com

Download Images:
https://drive.google.com/file/d/1N_JB2I9m-kdwKiSszKECR_CIut-DsSCU/view?usp=sharing

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

⏱ Timestamps
00:00:00 Project Intro
00:05:05 Project Setup
00:12:50 Theme Provider
00:14:41 Theme Toggler
00:20:10 Scroll Progress Hook
00:27:14 Header
00:42:42 Hero
00:58:32 CSS Variables
01:23:24 Mobile Nav
01:27:23 About
02:24:05 Services
02:34:48 Work
03:01:24 Reviews
03:12:54 CTA
03:16:26 Footer
03:21:10 Projects Page
03:36:54 Contact Page

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

#nextjs #tailwindcss #portfolio