0% found this document useful (0 votes)

28 views3 pages

Building and Deploying - 28th July

Uploaded by

rohan deshpande

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

28 views3 pages

Building and Deploying - 28th July

Uploaded by

rohan deshpande

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 3

7/31/22, 4:36 PM Building and Deploying

React182022
React 7:30 PM

Building and Deploying

Sudhakar Sharma • Jul 28

Deploying and React App

----------------------------------
1. Bulding React App
- It is the process of checking syntax errors
- Identifying the issues in dependencies
- Compile successfully
- Create a build ready for deployment

> npm run build

- Adds a new folder into project "build"

2. Deploying
- It is the process of making your application ready for client use.
- You can deploy on
a) Local Server
b) Cloud Server
- Local Server
XAMPP
MAMP
IIS
Apache Tomcat
- Cloud Server
firebase
git hub pages
aws
azure etc..

Windows IIS local server:

----------------------------------
[Internet Information Services Manager]

1. Open IIS on your PC

run > inetmgr
search > iis

2. Create a new Virtual Directory [Website]

alias: reactshop
path: build folder

3. Add index.html into build

http://localhost/reactshop
https://classroom.google.com/u/0/c/NDk2Mjk0NDc1NzI4/m/NTM3NTQwOTk4Njgx/details 1/3
7/31/22, 4:36 PM Building and Deploying
http://localhost/reactshop
React182022
React 7:30 PM
Firebase Cloud

1. Open firebase and login with your google account

https://firebase.google.com/

2. Go to console and create a new "Project"

Name : reactsmartshopdemo
Google Analytics : Continue
Account : Default account

Click on Create Project

3. Download and Install Firebase tools on your PC

C:\> npm install -g firebase-tools

4. Open your project in VS Code

5. Open Terminal and Login into firebase

>firebase login

6. Run the command

>firebase init

? Are you ready to proceed? Yes

? Which Firebase features do you want to set up for this directory?
[hosting]

Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Ac
tion deploys

[space bar to select]

> Use an existing project

? Select a default Firebase project for this directory: reactsmartshopdemo

? What do you want to use as your public directory? build

Configure as a single-page app (rewrite all urls to /index.html)? Y

Set up automatic builds and deploys with GitHub? N

Overwrite Index.html ? N

7. Deploy
https://classroom.google.com/u/0/c/NDk2Mjk0NDc1NzI4/m/NTM3NTQwOTk4Njgx/details 2/3
7/31/22, 4:36 PM Building and Deploying

> React182022
firebase deploy
React 7:30 PM

https://reactsmartshopdemo.web.app

Design PWA