Hi, my site is showing blank after it being deployed https://sparkling-longma-cdee02.netlify.app
I added the _redirects and netlify.toml
My build settings
Base directory : frontend
Build command: CI= npm run build
Publish directory: frontend/public
Deploy log visibility: Logs are public
Builds: Active
this is my repo
Hi @yacoub05
This is not the correct value for the publish directory. As noted in Netlifyâs Create React App and Create React Appâs Netlify documentation, CRA builds to the build directory.
Thus, the correct publish directory value is frontend/build.
i changed but still the same issue
ive searched for this error and it seems like my projectid for my sanity backend which i put in my .env file not sure why its not reading it with process.env.REACT_APP_SANITY_PROJECT_ID.
Have you tried setting it as an environment variable via the Netlify UI?
DO NOTE: Your REACT_APP_SANITY_PROJECT_ID and REACT_APP_SANITY_TOKEN are exposed publicly. If you wish to keep these secret (rather than allow every visitor to know them), do check out
i dont have much experience with the netlify UI im a noob, but i will check the article thank you so much for the help really
Hi, I am learning react and I have just used Netlify to deploy my site. But I am getting a blank page after deploying it. In my local environment I am able to see the app working, but not on Netlify. I used vite for my react app.
github repo:GitHub - Veenakrishna2313/digital-business-card
deployed site: https://zippy-kringle-d7780e.netlify.app/
Any help would be greatly appreciated.
Hi @Veenakrishna 
welcome to the forums and thanks so much for reaching out! Can you give Clarenceâs response a read and see fi that helps? Upon deploy site is blank - #2 by clarnx
Your public folder is blank on Github⌠if that doesnât help can you share your build log and if you have any errors in your developer console?
This is an error in your code @howyin as per developer console
Hi, even I am facing the same issue as above - After deploying the client (using Vite) directory from my project, it says âpublishedâ however I see a blank page.
here is the published link - https://main--stylexpk.netlify.app/
here is my github repo - GitHub - Pranit160997/StyleX: Experience luxury with Style X rental
Any help would be highly appreciated! TIA
This is what I see on my console, PFA -
You published the source code not the built site @Pranit160997
I also tried publishing the built site - dist folder in my case. It has connectivity problem to my hosted backend on render. Would you be help me navigate the issue?
What sort of issues?
This is what I see -
The error is I should be able to see some pictures here, which is a get request
My backend is hosted on - https://stylex.onrender.com
and I am able to connect to it locally from my frontend but I see this error from my hosted frontend (also tried hosting frontend on Netlify and I see the same error).
Here is my vite.config.js -
import { defineConfig } from âviteâ;
import react from â@vitejs/plugin-react-swcâ;
// Configuring Vite | Vite
export default defineConfig({
server: {
proxy: {
â/apiâ: {
target:âhttps://stylex.onrender.com/â,
secure: false,
changeOrigin: true,
},
},
},
plugins: [react()],
});
That site is on Vercel. Canât help with Vercel.
Hi there,
As many above I also see blank page when it says that my project is âpublishedâ
Here is the published link: Barretje 1
Here is the github repo: Github repo
screenshot of the console:
If someone could help me out, that would be very much appreciated
If you look at the console youâll see the issue @kevcraeck.
The solution, in case it doesnât jump out at you, is to remove line #6 where youâve set base from vite.config.js
@dig I tried removing line 6, but after deployment I still see a blank screen.
When I remove it my development environment doesnât show either
