How to host React Project with free of cost and free domain ?

How to host React Project with free of cost and free domain?


First, you create your project and you want to host your project on a live server means host with free of cost then this, is your solution here follow above steps.

Step 1 -: Go to firebase website and click on Get Started button.
How to host React Project with free of cost and free domain

Step 2 -: After this you signup with google then you click Go to console.

How to host React Project with free of cost and free domain

Step 3 -: then, Click on Create a Project button.

How to host React Project with free of cost and free domain

Step 4 -: then, Enter your Project Name.

How to host React Project with free of cost and free domain

Step 5 -: After, Enter Project Name Click on Continue button.

How to host React Project with free of cost and free domain

Step 6 -: then, Google Analytics option for your project if you want google analytics for your project then enable, else disable if not this is your choice, then Click on Continue button.

How to host React Project with free of cost and free domain

Step 7 -: After Click on Continue button, then your project is ready and Click on continue button.

How to host React Project with free of cost and free domain
Step 8 -: then, your Dashboard is open.

How to host React Project with free of cost and free domain

Step 9 -: Click on Develop option then, some more option is visible then select Hosting option.

How to host React Project with free of cost and free domain

Step 10 - : then, Click on Get started button.

How to host React Project with free of cost and free domain

Step 11 -: This is your final step to host your project.

Step 12 -: Open your CMD in Windows or Terminal in Linux or mac with the path of your project.

Step 13 -: Then run this command.
How to host React Project with free of cost and free domain

Step 14 -: After this, run this command.
How to host React Project with free of cost and free domain

Step 15 -: then, some message occur you press y or Y according the choice.
Step 16 -: then, click on link if not automatically open and sign in with your existing firebase google account.
Step 17 -: then, run this command.
How to host React Project with free of cost and free domain
Step 18 -: After this, Choose hosting option and press 'space' then enter.
Step 19 -: then, choose your existing project option and select your project.
Step 20 -: After this, enter your pubic directory name build for your project.
Step 20 -: then, optimized your project using npm run build command means run this npm run build command.
Step 21-: then, this is your final step for host your project, run this command.
How to host React Project with free of cost and free domain
Step 22 -: Go to your firebase dashboard and see your project and links. Now you can access your project using this links.
How to host React Project with free of cost and free domain


Congrats your React Project is host.


No comments