Modern Portfolio Website Using Next JS 14 | React, Next JS, TypeScript, and Tailwind CSS

preview_player
Показать описание

------------------------------------------------------------------------------------------------------------------

❤️ Get Source Code:

❤️ Starter Project:

-------------------------------------------------------------------------------------------------------------------------------------

TimeStamp :

00:00 Demo
00:04:27 Project Setup
00:13:33 Navbar
00:46:13 Hero Section
01:01:40 About Me
01:17:02 Service Section
01:27:14 Skill Section
01:39:48 Project Section
01:47:08 Price Section
02:06:08 Client Review
02:19:18 Contact Us
02:32:22 Footer
02:45:15 Animation
03:01:19 Deployment

------------------------------------------------------------------------------------------------------------------------------------------------

Affiliate Links :

-----------------------------------------------------------------------------------------------------------------------------
📱 Our Social Links :

------------------------------------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------------------------------------------

Don't forget to check out our Popular Playlist :

✅MERN Stack WebApp Project :

✅React Project:

✅Next JS Project:

✅JavaScript Project:

-------------------------------------------------------------------------------------------------------------
#nextjs #reactjs #typescript #tailwindcss
  1. WebDev Warriors
  2. webdev warriors
  3. react js
  4. portfolio website
  5. next js
  6. typescript
Рекомендации по теме
Build and Deploy 2:44:26

Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion

NextJs Portfolio Tutorial 2:20:11

NextJs Portfolio Tutorial - Build a Responsive Portfolio Website w/ Advanced Animations (2023)

7 Portfolio Websites 0:06:14

7 Portfolio Websites designers NEED to see

Build and Deploy 3:04:05

Build and Deploy a Portfolio Website Using Next JS, Tailwind CSS & Framer Motion

Portfolio Website using 0:00:22

Portfolio Website using Next.js, Tailwind CSS, React Three Fiber and Framer Motion

Create a Stunning 5:04:30

Create a Stunning 3D Animated Portfolio Website with Next.js 14, Three.js, GSAP, and Prismic

Next.js Portfolio in 0:05:25

Next.js Portfolio in 3 minutes (v0, Shadcn CLI)

Fresh React Portfolio 7:20:20

Fresh React Portfolio Website (Next.js App, Framer Motion, TypeScript, Tailwind CSS, Email)

Step by Step 1:11:39

Step by Step Amazing Nextjs and Framer Motion Modern Complete Portfolio Website

Build a Stunning 5:21:33

Build a Stunning React Portfolio: Next.js, Tailwind, and CSS Animation | Complete Course

Step by Step 0:59:23

Step by Step Nextjs and Framer Motion Animated Modern Complete Portfolio Website

Build a Stunning 2:16:02

Build a Stunning React Portfolio: Next.js, Tailwind, and CSS Animation | Part 1

Build a Portfolio 2:50:48

Build a Portfolio Website With Next JS, Tailwind CSS & Framer Motion

Build and Deploy 2:53:19

Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Three.js Tutorial

Build and Deploy 1:02:22

Build and Deploy animated Portfolio Website with Next.js and Framer Motion

Next.js Animated Portfolio 2:31:03

Next.js Animated Portfolio Website with Framer Motion & Tailwind CSS | Next.js Beginner Project

Build a Dark 5:29:23

Build a Dark Modern Animated Website with Next.js 14, GSAP, Prismic, Tailwind, and TypeScript

5 UX/UI Portfolios 0:15:02

5 UX/UI Portfolios You SHOULD Copy

How to Build 2:20:39

How to Build and Deploy a Portfolio with Next.js that Will Land You Jobs

Building a Modern, 2:10:28

Building a Modern, Responsive Portfolio Website with React, Next.js, TypeScript, and Tailwind CSS

🔴 Let's build 3:54:45

🔴 Let's build a Modern Portfolio with NEXT.JS (Framer Motion, Tailwind CSS, Sanity.io, React) |...

Build and Deploy 1:16:14

Build and Deploy Responsive Next.js portfolio website with MDX Blog | Tailwind | Framer Motion

Build And Deploy 1:39:09

Build And Deploy Modern Portfolio Website with Next.js | Aceternity UI and Tailwind CSS

Create a modern 3:00:26

Create a modern portfolio website with Next.js.14, Tailwind, Kinde, Sanity and Supabase

Комментарии
Автор

Thanks sir, i have completed this awesome website

Techwithusman-fqhd
Автор

Hello! The project seems fine, but I have encountered a major problem with routing in Next.js using the Link component. None of the links seem to be working when clicked on, and the video tutorial does not mention anything about routing. Could you please tell me why this is the case? I have tried linking the About page in the Nav component by writing the path as "/app/components/Home/AboutMe", but it doesn't work. I have tried multiple ways, but nothing seems to work. I believe that a website without functioning links is not complete at all. Could you please help me out? Thank you.

vidyavathipuli
Автор

kindly guide me how to get files from starter project. should i download from github page one by one. is there any option to download by single click

Techwithusman-fqhd
Автор

sir i start learning and making the portfolio app like your but during making Navbar my app color goes dull and yours app is perfect. i am following your same code. i don't know how to fix it. kindly help me. sorry for disturbance

Techwithusman-fqhd
Автор

Sir i am watching your video and enjoying really. i seen in contact us page/message there is a google icon and one more icon in your app. but in my app. its not appearing

Techwithusman-fqhd
Автор

Your audio is so low, increase your microphone volume !

Daniel-xuj