Netlify.toml file configuration with React

Support
,
1

Hey guys!

This is my first Netlify / Serverless project and I am a noob programmer :slight_smile:

I just want to double-check if I did things the right way.

I run a static site with a newsletter sign-up form and therefore needed to create a netlify.toml file.

My site is: https://objective-davinci-c48e38.netlify.app/

I created a react app using npx create-react-app.

My folder structure and my netlify.toml file look like this:

Greenshot-000080
Greenshot-000080702×606 31.4 KB

My Netlify Build Settings look like this:

Base directory
Not set

Build command
npm run build

Publish directory
build/

Builds
Active

The tutorial I have followed to create my sign-up form has used publish = "dist", which has caused my build to fail.

I went ahead and changed it to publish = "build/" and that has worked for me.

I just want to see if I do this correctly.

Thanks a lot for the help :slight_smile:

2

If it works, don’t touch it :joy:.

It usually depends on your needs and setup. In simple cases, there’s no need for the toml file as the build and publish directories can be directly set in the UI.

So, if everything is working as you’d expect it to, it’s correct.

3

Hi @hrishikesh, I’m also using a react app and was deploying just fine without a headers_ file or a toml file. Whenever I try to add either, in order to set the netlify CDN settings to true, it breaks my deployment. Is there a way I can set CDN to true within the netlify settings themselves to get around this?

I am running https://erm300.netlify.app/, and whenever I try using a netlify image URL, like to access https://erm300.netlify.app/images?url=/gallery/gal-1.webp
or
https://erm300.netlify/images?url=/gallery/gal-1.webp

they do not work

4

The URL is supposed to be: https://erm300.netlify.app/.netlify/images?url=/gallery/gal-1.webp