meta data for this page
  •  

Deployment

Just like backend, frontend project has to be hosted so that the users could access it online. Instead of hosting your project locally, it is best to deploy your web app online so that it would be accessible.

Netlify allows extremely easy and beginner friendly deployment options for frontend projects. Just follow the steps below and your app will be online in no time! :-)

Netlify - Practical Beginner’s Tutorial

Registration on Netlify

1) Go to https://www.netlify.com

2) Register using your email and use password generator because Netlify has high requirements for password strength.

3) Verify Netlify’s email that you received in your email inbox and login

4) Fill up the questionnaire (what you answer does not really matter)

5) Skip the step about deploying a website

Deployment on Netlify

6) Go to the ‘Sites' tab and opt for manual deployment it is the most beginner-friendly and most straightforward

7) You need to build your React project

Open terminal in your project and do the npm run build command.

Soon you will have created a build folder.

Now inside of the build folder create _redirects file (with no extension) Inside of it paste only the following /* /index.html 200 (including the /* )

If you skip this step you are potentially risking having the Page not found error 404. For explanation why this is necessary you may read on the following link: Netlify redirects

8) Open your folder containing the project and drag and drop the build folder into the designated place for manual deployment

9) If you do it well, your website will be uploaded in no time!

10) You can see information about your deployment

12) Enjoy using your newly deployed app

13) For further deployment and development go to ‘Deploys' tab and continue with manual drag and drop deployment of your project.