Build and Deploy a Custom React Portfolio - Vite.js & Tailwind CSS

Build a custom website portfolio using React, Vite JS, Tailwind CSS, and deploy using Hostinger!

🔥 Hostinger🔥

ZeroTo Mastery:

💻 Solve EDABIT coding challenges - BEGINNER! 💻

🔥 Connect with me on IG 🔥

☕ Support the channel ☕

🔥 My Coding Equipment 🔥

[Redstarcrew]

Bro! have to say that this is my absolute favorite coding channels on youtube! one year ago I started following your tutorials, and now i jave landed a job as a react developer meanwhile studying at uni, so thank you!

[chandanpandey]

I was not working on the responsiveness of the websites earlier. Thank you for opening the responsive world for me, now I get how important it is.
Your Netflix clone build is awesome too, on my hit list next.

[LuisBlancoAustin]

Another video from Clint. Can hardly wait to get started!

[LegendXRonin]

Very professional and informative tutorial! Helped me a lot with getting use to tailwind again and understanding how to setup my projects in Hostinger. Thank you a ton!

[__jake.m]

The rafce shortcut was so useful. Thank you so much! I learnt something very useful today!

[cannabisanomaly]

Just wanted to say thank-you for such an incredible tutorial. You have a real knack for explaining things in a way most other creators in tech don't. And I love that you don't edit out mistakes, which is a very natural thing to happen in this space

[lukasjenkins]

Love the pacing of your tutorials! Not too slow, not too fast; just right.

[liuyan]

Thank you so much, created my new portfolio following your tutorial using vitejs 🎉. I am learning react app including map, such as Geofencing. Very glad to see if you have the similar map project in future.

[josegoncalves]

Excellent tutorial, thank you very much for this help. Greetings from Venezuela.

[romwelfeliciano]

Finally i found the npm installation of the text typing animation for VITE <3

[kk]

This is one of the best minimal dev portfolio<3

[Alexandre.rocha-]

Really nice, help a lot to understand how to use tailwind!! I made mine with maps for the menuItens, a little cleaner

[KrishnaList]

The way you have explained I love it. Awesome 👌👌👌👌

[sekmekci]

Thanks for the content! An advice: could you please use hooks (contexts, custom hooks, etc.) in your next projects?

[RichReflectionz]

Great content, really loving tailwind and learnt a lot through your projects, feels intuitive.

At the 1:07:24 mark, there is is mention of enctype='multipart/form-data', I never seen that before with forms, although I am new to coding, had to research on good old StackOverflow to find the answers, I didn't realise, when you make a POST request, you have to encode the data that forms the body of the request in some way.

I guess it is great although not mentioned, one still follows along and has to do further research when it bugs them :)

Although I don't have a work history in the tech sector as a programmer or any big enough projects to add into a projects worth mentioning yet, I will hide those components for now and also add additional features into the base tutorial, such as dark/light mode.

Looking forward to more great content to come, keep up the great work.

[MrTomro]

For those that Tailwind doesn't work, i've found the fix. I've been missing tailwindcss in the vite.config.js file.

So to fix it, your vite.config.js file should look like this:

import { defineConfig } from 'vite'
import tailwindcss from 'tailwindcss';

export default defineConfig({
plugins: [react(), tailwindcss()],
})

[phycxstorm]

Hey Clint! I am loving your tutorials, kudos to you. I started playing with Tailwind and Vite. So far so good. Someone already asked; but what vs code theme are you using? mind sharing?

[basimo]

never expected Macklemore to be teaching web development but I could not be more happy for that.

[michaelstafford]

Amazing Video!! Quick question, how do I go about updating the website? For some reason, it only shows the initially uploaded version i.e adding the dist folder into public.html. I have made a few changes to the website since then, but it doesn't reflect them. Please let me know how I can fix this. Thanks!

[SuperArnie]

Loving this build so clean and easy to follow not finished yet. Hoping to use once complete to gain a job at the end thanks