Site display problem after deploy

Hello, I’m a novice and I need help. Here are two links, one directly to my V0 project (not yet finished) Fork of portfolio – v0 by Vercel

And the other link is the downloaded zip version that I deployed with Vercel and GitHub. https://portfolio-virid-sigma-95.vercel.app

I haven’t changed anything in the code, but whether I run it locally with VSCode or online with Vercel, I have the same problem. Thanks in advance for your help. For the v0.dev link, you can access the project code by minimizing the window at the top right.

It looks like your css isn’t loading on the deployed version. Did you make sure to install all the dependencies locally? another thing to check would be your tailwind config

2 Likes

I don’t know if it’s the error that’s causing the problem, but I can do ‘npm install tailwindcss’ and ‘npx tailwindcss init’ as copilot tells me, but it doesn’t change anything.

1 Like

how does it look when running in dev locally npm run dev

2 Likes

Frankly, I don’t understand anything any more, I’m lost, I’ve been working on this upload problem for 15 hours, I find v0 and vercel very unintuitive, basically I chose v0 because I don’t know typescript or next.js, but I shouldn’t even have to install dependencies, vercel should do it all by itself but it’s making lots of delpoyment errors now. I deleted the VSCode project and tried to put it back but now no command works, I get error after error when I do ‘npm’ and copilot runs in circles, solves nothing, and makes everything worse, v0 too. If you ever get the chance, download the zip via the project fork and see if you can figure out what’s wrong locally, that would be super nice.

Totally fair to be lost. A lot of this can be overwhelming when it doesn’t just work, especially for someone just starting out. I’ll take a look tomorrow and see if I can get your project working/deployed.

1 Like

Thanks so much @neversitdull for jumping in and supporting the community :heart:

@landy63 We have a community post that might be helpful when debugging the 404 deployment errors, in case you wanted to debug step by step :slight_smile:

Let us know how you get on! Nice portfolio design btw.

1 Like

Thanks to you, the display problem was simply due to the fact that :

@tailwind base;
@tailwind components;
@tailwind utilities;

in a other globals.css, but on v0, the site worked without them. As for the deployment problems, I gave v0 the errors one by one, and he fixed them for me, even though it took a long time.

1 Like

Thanks for coming back with the solution, Landy! It’ll help lots of other folks too. :slight_smile:

Let us know if we can help with anything else.

And since you’ve been playing with v0, we have this event coming up this week. Feel free to join us!