Deployment on Cloudflare pages isn't working as spected

[Tresillo2017]

When I try to deploy this project on cloudflare pages I get some weird font's and the background isn't loading. The project can be compiled locally and works perfectly though.
URL of the deployment: https://portfolio-1-9bm.pages.dev/
My git repo with some modifications: https://github.com/Tresillo2017/portfolio-1

[yorkzap]

Same issue here, did you ever find a solution?

[PherbCampton]

I am also having the same issue, any solution to this? @HamishMW

[varunojhaa]

First, create a Cloudflare page named portfolio. There is no need to use the build command; instead, use the npm run deploy command in the VS code terminal. It will ask for some permissions, so give them, and then your site should work.

If your Cloudflare page name is different, change it in package.json, line 14: "deploy": "npm run build && wrangler pages deploy ./build/client --project-name portfolio", changing portfolio to the name.

[Fonta97]

Ok, so I found a solution for the css and fonts not loading in. I spent like 10 hours fighting with it, but the only solutions I found is that you have to create a folder in public/styles and changing all the .module.css in .css and putting them in there. Then from all the .jsx import them as stylesheets.

You can fork clone my repo. It's actually working. Don't forget to set up the variables on cloudflare to for the secret_key.

contact me on LinkedIn too if you need some solutions. https://www.linkedin.com/in/fonta97/