Hello guys in this blog we are gonna deploy our app this app covenant in stats web app so first of all we are gonna change our background and also change the font and also change the font of all color of the font now in here we're gonna select info install google comm we're gonna select shadows into the light in here I'm going to select this tile and embed use this link just select it go to your project and paste in here and give the name that you want I'm going to give call with 19 stats now just save it now indexed or CSS you have to give this font family to select it and give it here and just change the color of the font and also the P tag will have the margin:0 now go to your project it's almost done we're just gonna have to change the background you can change to any background that you want I'm going to change to a linear gradient background now just go to your browser you can see you got tap that's what we want yeah same thing now again what we're gonna do we're gonna build our app and producing to get a block github pages now first of all what you're gonna do we're gonna create a new repo for this I'm going to select the name of it go with 19 cases and just save it and in here just copy this link and one more thing you have to do in here you have to install one package use NPM install - - save gh there's spaces so in the meantime we're gonna see how can we deploy a wrap so for not just closing this tab and just search for it what we are going to search we're gonna search for react deploy yeah just go to this link and you can see deployment create react app yeah that's what we want right now just go to bottom you can see that we got building just go to bottom right and here you can see that we got it up as a deployment so what we're gonna do we're gonna give one homepage attribute in the package so Jason we have installed the gh pieces now go to your package so Jason this is what the gh basis dependency in here so in here just give the homepage and what statue achiever is a URL that you wanna give and it will look like this as T DPS it's less less the name of the username or the user ID of github as you can see for me it is on cement 3:01 and in here you have to type you can see my username dot github dot io and my - app so just given two here and swimmin three zero one dot github.com slash the app now my app name is courage 19 - cases right you can see Co V 19 - cases no that's it and one thing Moria this is what we want this to statement is what we want the one is pre deploy and NPM run build and deploy GH - pages despot table you have to write yourself into your project so now that's it you're just gonna save it and we're going to start running so first of all what we're gonna do use we're gonna use great remote and our easing and just click it and we're gonna run this statement deploy statement so for this we're gonna use NPM run build it will take some time who finally it's done now we're gonna just add this files into our github now I'm going to use send the message commit there's am sharing files into github and we're gonna just pull the files get both origin/master now we have pushed the code and just go to your project and just refresh it and in here you can go to your settings hmm we can see we haven't got the URL right so let's go to our pro code and just looking - oh I have mistaken you don't have to write any primer and build in here you just have to write in p.m. run deploy because that's what's required in here so just run npm run deploy so first of all it's gonna build in boom run bill that's already been done and you can see that we have got one folder and pin brand build in here now in here you can see that after implement build it's gonna run this line gh - paste testable that's what's deploy in here so it's done you can see that all things are being done now just go to your code and just again refresh it you have got one environment and you can just go in here and just your deployment and in here you can see that you got the app this is a net freaky so yeah you can see that you got up in here so yeah that's it Thanks
0 Comments