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

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

❤️ Get Source Code:

❤️ Starter Project:

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

Affiliate Links :

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

❤️Support The Channel :

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

Don't forget to check out our recent videos for more exciting projects:

----------------------------------------------------------------------------------------------------------------
#react #nextjs #portfolio #typescript

[WebDevWarriors]

VS Code Extensions Used :

1) ES7+ React/Redux/React-Native snippets
2) Tailwind CSS IntelliSense
3) Prettier - Code formatter
4) Path Intellisense
5) Lorem ipsum
6) Auto Close Tag
7) Auto Rename Tag

[bryanmoralespallero]

You don't have idea of how much you helped me with this. Thanks!

[peterchinoko]

One of the best portfolio's I have seen in 2024

[alencarsoares]

This is amazing!! Congratulations, you've gained another subscriber.

[mqasim]

Good work on the static page with animation.

[Elnur.Zarabi]

This is aweseom!! There are some extentons that I am missing so I am stuck. please share these extension for first time users

[JuiDakhave]

Could you please make a video about deployment? I tried deploying it on Nelify and Vercel, but the results were odd. It is not like what we see on localhost at all.

[ugmhndw]

hey bro at the beginning at 11:37 mins, after finishing all my code didnt change to this "import Nav from '@/Components/Nav';
import React from 'react'

const HomePage = () => {
return <div
<div>
<Nav />
</div>
</div>
}

export default HomePage;" on your code it changes automatically please help i dont know why it didnt change i tried to add prettier .json file but it didnt work too and also added enable save,

what do I do? please help:(

[Aman_yadav]

Bro please create a video on resume builder website with some templates and services includes in it...and you earned a subscriber

[codeinfinty]

Where did you get those animated images?

[JuiDakhave]

Could you please make a video about deployment? I tried deploying it on Netlify and Vercel, but the results were odd. It is not like what we see on localhost. No styling at all.

[AgarParth]

But why did you not install the app router? I thought it improved the site's performance. What's even the point of using nextJS instead of React if you don't use the App Router? I hope you reply, I'm a beginner in NextJS

[augustine.k]

Where do you get the code for particle.tsx?

[abhishekcode]

Pls make video for use gsap with reactjs❤

[iyng._.uuuuuu]

Bro can u tell me how to host this website

[ssekastewart-sfxe]

It would be so powerful if you explained with your voice. A beginner like me will get lost