Step 28: Build & Deploy

It is time to deploy our production application. However, first, we must "build" the suitable production bundle to be served over a static hosting service.

Stop the development server and run the following command:

npm run build

The build command will generate an optimized build of your web application, ready to be deployed. The generated artifacts will be placed in the build folder.

Like a Vite app, we can deploy the build artifact of a React app to a service like Netlify. The process is the same as what we have done for the brick-breaker app.

I have deployed the dictionary-react-app at https://dictionary-app-fa21.netlify.app/.