How to use create-react-app with Dreamweaver?

1

My team uses Dreamweaver. I only use it for pushing files to the server. I can’t figure out how to get create-react-app working.

I created a test folder and created a react app in there. I pushed the files to the server, and the app works by navigating to mycompanysite/test/react-app. I then made a production build with nom, and saw that the build folder was created. Then after that I need to use ‘serve -s build’ but it fails with an error that I don’t have the permissions.

At this point I’m confused about how to get the production version up and running. I assumed I could just push the ‘build’ directory to the server. I’m not sure what to do with ‘serve -s build’.

I don’t understand much of the deployment stuff, and reading the documentation doesn’t help at all for me, because I’m trying to add it through a simple ftp upload interface. The documentation assumes more sophisticated setups for getting the app to the server, so I’m not even sure if what I’m trying to do is possible.

Any help is appreciated.

2

It depends on what server is used for production. If it is a Windows server, IIS, after running npm run build and copying the files from the build folder you have to set up a site on IIS and handle DNS settings. Last but not least you will have to tell the server what to do with React routes so there has to be a web.config file in this format https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321 If there is a certificate on the server for https this rule in web.config will be handy

 <rule name="HTTP/S to HTTPS Redirect" stopProcessing="true">
	<match url="(.*)" />
	<conditions>
		<add input="{HTTPS}" pattern="^OFF$" />
	</conditions>
	<action type="Redirect" url="https://{HTTP_HOST}{REQUEST_URI}" appendQueryString="false" />
</rule>

serve -s build is mostly for testing the production build locally, not for production servers