Export Issue: Design Mismatch in Exported Output

Hello,
I created my project using v0.app and it looked great in the preview. But when I exported and deployed it to Vercel, the website looks very different styles and components don’t display correctly.

I followed the export instructions and used Next.js and Tailwind, but I’m not a developer, so I don’t know where the problem comes from.
Can you help me understand why the preview is different from the deployed site, and how I can fix it?

Thank you so much!

Hey, @airaultenzo-7584! Happy to help you out here :smiley:

When you say that you exported it, do you mean you downloaded the code then deployed it on Vercel or did you use the Publish (i.e. Deploy) feature directly on v0?

It would also help if you could share your URL with us - either the v0 chat OR the Vercel deployed site!

Hi @Pauline P. Narvas,

Thanks for your help. I’m happy to share the URL with you: https://v0.app/chat/askly-web-sitemain-AZjTnUurXDu?ref=QLN6KL

To clarify, I used the Publish feature directly on v0. The issue really arises when I try to publish it to the internet with a domain name.

I have actually reverted to a previous version of the project, but it still refuses to publish, and I don’t understand what the problem is. I am quite frustrated as I have already spent nearly $8 in credits just clicking “fix the problem” buttons without any success.