How to deploy a react application to production - step by step process | Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ธ.ค. 2024

ความคิดเห็น • 161

  • @Anas_Alaqeel
    @Anas_Alaqeel 3 ปีที่แล้ว +5

    once you said you cant host react app on GoDaddy, I stopped the video to give it a try and it works!, I already run my react app on GoDaddy in 5 simple and super easy steps, in just five minutes

  • @asishraz6173
    @asishraz6173 3 ปีที่แล้ว

    After watching 6-7 videos and many documentation, Hitesh came as a savior. Thank you so much

  • @hashtagkaran
    @hashtagkaran 5 ปีที่แล้ว +7

    That's the perfect video I have ever wanted to see after knowing web development, nobody teaches the stuff you do.
    It's a humble request to sir please open an LCO institute in Delhi, we need you!! ❤❤❤

  • @nagendra4679
    @nagendra4679 3 ปีที่แล้ว +1

    I am really thankful for your efforts of portraying things as simple as possible.

  • @mounikagumpalli8291
    @mounikagumpalli8291 5 ปีที่แล้ว +10

    Much needed for a beginner like me! Thank you :)

  • @invalidsb
    @invalidsb 4 ปีที่แล้ว +2

    Thank you so much... Hitesh sir... This is most awaited... 😊
    Love from NEPAL..

  • @anujsharma1737
    @anujsharma1737 2 ปีที่แล้ว

    Great video. Thanks Hitesh to clear every step gently and also good sound to brief.

  • @developerpranav
    @developerpranav 3 ปีที่แล้ว +1

    Absolutely wonderful video! Loved it! Gonna use this after finishing my MERN Course from LCO :D

  • @sebabratakundu
    @sebabratakundu 3 ปีที่แล้ว +2

    Its very helpful sir. Please create a course about how to publish app in production and how companies are managing their apps in productions.
    Till now all we are getting only how to build this and that.
    It will be a marvelous course if you do such course for us.

  • @adusumallieswarsainath9550
    @adusumallieswarsainath9550 4 ปีที่แล้ว +1

    Awesome video. Clear explanation. Must watch

  • @sreedarshshaji5951
    @sreedarshshaji5951 5 ปีที่แล้ว +1

    Thank you for the great information.
    Also, the new hairstyle change looks great.

  • @soumranjanpatro1262
    @soumranjanpatro1262 4 ปีที่แล้ว

    Your teaching style suits me alot.. thank you hitesh

  • @euSupinho
    @euSupinho 4 ปีที่แล้ว

    thanks. CI/CD is so simplified with buddy. your explanation was pretty easy to follow. i did deploy my react demo app to amazon amplify though. need to check netlify

  • @stutichauhan7460
    @stutichauhan7460 4 ปีที่แล้ว +1

    this really helped me to deploy my very first react app

    • @jayshreeswain1044
      @jayshreeswain1044 4 ปีที่แล้ว

      Can I even deploy my dynamic application following teh same procedure ?

  • @vinothkumarv9722
    @vinothkumarv9722 3 ปีที่แล้ว

    I will always like your video before going to watch because i love you :)

  • @meghrajpardesi4248
    @meghrajpardesi4248 5 ปีที่แล้ว +4

    Just as great as everything you do lot's of love❤

  • @mrdraynay
    @mrdraynay 4 ปีที่แล้ว +1

    15:20 "who is going to come to save our day?"
    Thanks for the smiles bro

    • @VrlHtzz
      @VrlHtzz 4 ปีที่แล้ว

      🙌thanks buddy

  • @asadalikhan1655
    @asadalikhan1655 3 ปีที่แล้ว

    very detailed video with all errors covered. Thank You!!! so much brother

  • @dr.shreyas123
    @dr.shreyas123 3 ปีที่แล้ว +1

    A react application can run on shared web hosting as well. I have my app up and running on shared web host.

  • @keto.sensei
    @keto.sensei 4 ปีที่แล้ว

    another cool programmer channel! subscribed!

  • @compiletelevision2561
    @compiletelevision2561 4 ปีที่แล้ว +8

    can i follow this same procedure to deploy react full stack app that have seperate folder for frontend and another folder for backend?

  • @mitulp236
    @mitulp236 5 ปีที่แล้ว +1

    Great video sir
    ......💪💪

  • @MereDaddyJi
    @MereDaddyJi 4 ปีที่แล้ว +1

    gurujiiiii tusiii great ho ....

  • @shivam9201
    @shivam9201 3 ปีที่แล้ว

    Great video. You made my time worth.

  • @luthermcneal5641
    @luthermcneal5641 4 ปีที่แล้ว

    Thanks for the instruction, advice and resource references!!

  • @mrohailiqbal
    @mrohailiqbal 4 ปีที่แล้ว

    Very Informative. I learned a lot through this video :)

  • @MrNpr
    @MrNpr 4 ปีที่แล้ว

    Great video. Pretty useful. Thanks for sharing.

  • @usamanaqi2229
    @usamanaqi2229 5 ปีที่แล้ว

    always waiting your videos lots of love to you

  • @rahulnag9582
    @rahulnag9582 5 ปีที่แล้ว

    This video is very useful but you should be more elaborative so that each and every one of us can understand.......
    Some part is understandable but some are not.....
    Please make a series of this videos and please elaborate each and every work so that a aliens in world of web development can also understand..
    😊😊😊😊😍😍😍

  • @AnObj
    @AnObj 3 ปีที่แล้ว

    Really helpful video. Thank you.

  • @lazarpetrovic1764
    @lazarpetrovic1764 3 ปีที่แล้ว

    helped me a lot, thanks!

  • @ABHISHEKKUMAR-gp8ls
    @ABHISHEKKUMAR-gp8ls 4 ปีที่แล้ว

    very good tutorial..thank you sir. Please make more videos

  • @jagatpalverma6680
    @jagatpalverma6680 4 ปีที่แล้ว

    as always, awesome content

  • @slikke
    @slikke 4 ปีที่แล้ว +1

    Thank you Hitesh for this well explained topic.
    I have an application contains folder "page" instead of "src". How can I deploy the application?
    Let me put the question as: How can we deploy an existing application?
    Waiting for kind reply. Thank you

    • @gauravnagar3712
      @gauravnagar3712 4 ปีที่แล้ว

      React app?

    • @slikke
      @slikke 4 ปีที่แล้ว

      @@gauravnagar3712 yes it is react. "Start" fine, but cannot build it. When I run npm run build, I get (npm ERR! missing script: build)

    • @gauravnagar3712
      @gauravnagar3712 4 ปีที่แล้ว

      @@slikke check ur package.json file is build script line their or not ?

    • @slikke
      @slikke 4 ปีที่แล้ว

      @@gauravnagar3712 I only have the following in the scripts
      "scripts": {
      "test": "mocha",
      "dev": "node server.js"
      },
      what command is needed for build?

    • @gauravnagar3712
      @gauravnagar3712 4 ปีที่แล้ว

      @@slikke that is the issue . Their are always build command in package.json when we create app by create-react-app .

  • @arlandmv4053
    @arlandmv4053 3 ปีที่แล้ว

    GOLD, thanks!

  • @priyamondal6177
    @priyamondal6177 3 ปีที่แล้ว

    Awesome video.

  • @shubhamsharma-pu2sp
    @shubhamsharma-pu2sp 5 ปีที่แล้ว

    Thanks for this video I really needed this.

  • @subhasishnathdev
    @subhasishnathdev 3 ปีที่แล้ว

    great video. learned a lot

  • @sabazalam1987
    @sabazalam1987 5 ปีที่แล้ว +5

    Sir what maths do i need to take ml and data science bundle course on lco.. Pls reply

    • @hashtagkaran
      @hashtagkaran 5 ปีที่แล้ว +1

      you can start with the statistics

    • @mykevin1122
      @mykevin1122 4 ปีที่แล้ว

      You might have to learn matrix algebra, calculus, linear algebra, and statistics which is the most important math because it has to do with data of course. Learn Python so that you can develop machine learning applications.

  • @spano1723
    @spano1723 4 ปีที่แล้ว

    YOU ARE AMAZING

  • @naimislamantor3781
    @naimislamantor3781 3 ปีที่แล้ว

    fantastic video thanks

  • @nolanboxill8199
    @nolanboxill8199 4 ปีที่แล้ว

    Alot of new tech startups these days will let you deploy code to production within first week obviously after its reviewed quite heavily, experienced this personally.

  • @vahid6418
    @vahid6418 4 ปีที่แล้ว +1

    thank you, very helpful!

  • @y.s.jenifersingh2153
    @y.s.jenifersingh2153 4 ปีที่แล้ว

    Need to more about production

  • @oluwaseunolukayode9125
    @oluwaseunolukayode9125 3 ปีที่แล้ว

    can you help build more tutorial on the continue deployment of this app for production

  • @dibyajyotiparida7316
    @dibyajyotiparida7316 5 ปีที่แล้ว

    Hitesh sir, I am dazzled by all the tech and new languages nowadays. I want to learn ML, AI, Android development, python,Java, web development. I'm not sure which/where to start and which one to avoid. I'm in first year of computer science Engineering. Please reply sir

  • @maryamalizadeh
    @maryamalizadeh 3 ปีที่แล้ว

    Hey, have you made a video for connecting personal domains to an app?

  • @pandipalanichamy9319
    @pandipalanichamy9319 4 ปีที่แล้ว

    simple but powerful

  • @safaeelbikri4388
    @safaeelbikri4388 3 ปีที่แล้ว

    Very interesting video

  • @deshario
    @deshario 4 ปีที่แล้ว

    can you show the building process by using docker

  • @mobinhamidi4161
    @mobinhamidi4161 ปีที่แล้ว

    thanks it worked

  • @areezafsar
    @areezafsar 4 ปีที่แล้ว +1

    Hello, thank for your awesome tutorial. The way you described it, is easy for any novice to understand and try things out. However, I am having a problem. Just like you, I have created 2 separate pipelines, but after changing code in vscode and git add+commit+push, the app automatically gets build by Netlify. Though the first pipeline runs instantly after push, Netlify automatically builds the app after that by itself. But as per your suggestions, it was supposed to build once I run the second pipeline. I have connected buddy works and Netlfy for the 2nd pipeline, however, things are not working out, Netlify was supposed to stop deploying after the second pipeline was created. I tried changing deploying settings in Netlyfy but it isn't working. Tried the whole thing twice from the beginning, but no luck here. :(

  • @SuperPooja17
    @SuperPooja17 4 ปีที่แล้ว +1

    though the setting says on push, still we have to go to buddy works manually and run the pipelines, cant that be automated ?

    • @studio-v-digital-treasures
      @studio-v-digital-treasures 4 ปีที่แล้ว

      I think that's the whole point. In my opinion, you don't want to change the production site whenever you push a commit to GitHub. You want a middle man to hold the changes and only when you are sure that you want to update the site, you run the pipe line.

  • @MrEasyFlying
    @MrEasyFlying 3 ปีที่แล้ว

    Thank for this video. How about setting up a PERN or MERN stack application on a Untubu server? There is no videon on youtube for this kind of deployment. Not everyone want to host their site on Netlify or such sites.

  • @harikarthikkeyyan4620
    @harikarthikkeyyan4620 4 ปีที่แล้ว

    while initializing git
    "git : The term 'git' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify
    that the path is correct and try again ".
    error is throwed what can be done .

  • @shashank4152
    @shashank4152 3 ปีที่แล้ว

    Can i host react app on firebase for production

  • @2005bgva
    @2005bgva 4 ปีที่แล้ว

    Which are the alternatives to Daddy and netlify?

  • @santiagorivera1562
    @santiagorivera1562 3 ปีที่แล้ว

    So is Buddy Works a pipeline services basically like Jenkins?

  • @munirajg2666
    @munirajg2666 3 ปีที่แล้ว

    Do we have options to build once and deploy many?

  • @Bestshivam
    @Bestshivam 5 ปีที่แล้ว +1

    Please make a crash course on nodejs....

  • @deref2857
    @deref2857 4 ปีที่แล้ว

    great video

  • @philsipad
    @philsipad 3 ปีที่แล้ว

    Solicitation to signup for your sponsor before even showing the most basic deployment instruction that can be done using a local VM. Really.

  • @neilsumanda1538
    @neilsumanda1538 4 ปีที่แล้ว

    thank you for this..can you have a tut for deploying to IIS?

  • @warrenbuffet966
    @warrenbuffet966 3 ปีที่แล้ว

    My application not up on port 3000 what's is issue where I can modify

  • @rohitlokhande7094
    @rohitlokhande7094 5 ปีที่แล้ว

    Does same process in Django to deploy web apps on netlify ???? awesome video sir 👍👍👍

  • @huzaifaansari8688
    @huzaifaansari8688 5 ปีที่แล้ว +1

    Please do a video on .net core

  • @harshjani188
    @harshjani188 5 ปีที่แล้ว

    @Hitesh Choudhary can I deploy the react-node application on the local windows server(all ready have registered domain name)?the web site is not going to be high on traffic.

  • @azharmohd2601
    @azharmohd2601 4 ปีที่แล้ว

    Can you please make videos on github actions.

  • @suvadipdutta8082
    @suvadipdutta8082 4 ปีที่แล้ว

    how to deploy your mern stack application which also has a backend

  • @bhimajamge4111
    @bhimajamge4111 5 ปีที่แล้ว

    Very nice 👌

  • @rock_0075
    @rock_0075 4 ปีที่แล้ว

    Thanks for the video, just a quick question if you can clarify please, in the .gitignore and in that you include /node_module, but when the application runs on netlify using files from Github, how can the application accessing /node_module when it hasnt been uploaded there? Thanks

  • @anilkhairnar2224
    @anilkhairnar2224 4 ปีที่แล้ว

    And what about backend code and database?

  • @nandhupappu484
    @nandhupappu484 4 ปีที่แล้ว

    Hitesh sir, Is the full stack mern application can be deployed using netlify?

  • @geekharat4566
    @geekharat4566 3 ปีที่แล้ว

    is this works while having an api on another server and app on netlify?

  • @sambarvada
    @sambarvada 4 ปีที่แล้ว

    Do we have to use webpack before this?

  • @abhaypatil5880
    @abhaypatil5880 3 ปีที่แล้ว

    Can't recognize serve -s build command ...can someone help

  • @nasiruddinsaikh5116
    @nasiruddinsaikh5116 5 ปีที่แล้ว

    Why "happy hacking!" at 10:10 ?

  • @vipashabidla
    @vipashabidla 4 ปีที่แล้ว

    Netily supports php or not???
    My contact form is not working (It is not sending mail) I have made the form in wodpress using contact form 7 and I imported these files in publii and then hosted on netlify
    Please help!!

  • @kirthikas4940
    @kirthikas4940 4 ปีที่แล้ว

    Thank you for great information. Please make video for react redux

  • @kushagra_kesav
    @kushagra_kesav 4 ปีที่แล้ว

    Hello Hitesh Sir,
    Please make a video on how to deploy MERN stack Website on the production on AWS
    Your student
    From LCO

  • @rajivpandey2869
    @rajivpandey2869 3 ปีที่แล้ว

    Dear Sir Put Videos on Jenkins deploy application to production

  • @MohitRakhade
    @MohitRakhade 5 ปีที่แล้ว

    Big Thank you sir

  • @piyushnaithani7689
    @piyushnaithani7689 4 ปีที่แล้ว +1

    Don't use Netlify, i use it but doesn't work, it shown broken link, but when i use Firebase it worked

  • @farazmobin2776
    @farazmobin2776 5 ปีที่แล้ว

    yes sir please tell us how things happens in real world

  • @CraftMojo777
    @CraftMojo777 4 ปีที่แล้ว

    how to deploy postgre SQL DB along with react apps with this method?

  • @ziaurabdirahman
    @ziaurabdirahman 5 ปีที่แล้ว

    Thank you so much, sir.

  • @abhaytiwari6411
    @abhaytiwari6411 5 ปีที่แล้ว

    hii please make video on preparation for giants company

  • @vikrantavishwakarma3281
    @vikrantavishwakarma3281 3 ปีที่แล้ว

    how can we deploy next.js project on cpanel.

  • @pankajsaroj64
    @pankajsaroj64 5 ปีที่แล้ว

    Sir make one video on fastlane tools for Android/ios too

  • @shaun374
    @shaun374 2 ปีที่แล้ว

    This doesn't work. Same problem I've been having. After I do serve, all it does is open to a blank, white page.

  • @heymiiki12
    @heymiiki12 4 ปีที่แล้ว

    thank you!

  • @vijaykumar-kg2lz
    @vijaykumar-kg2lz 5 ปีที่แล้ว

    sir, make a video on how to start cloud computing course

  • @invisible9142
    @invisible9142 4 ปีที่แล้ว

    hi, first of all thank you so much for such a simple way to show to how to make a react app live!!!!! I am absolutely new in learning React and just built a simple search web app that is using Flask backend (so a python server)to search a database and return data to render via react again. My app is working fine in my local host and I am looking how I can deploy such app in internet using any of the free live server. I have been looking for a video that will server my need but everyone is talking in so high level, its hard to follow. can you pleasee help?? or anyone?? for a relevant tutorial ?? really stuck for over a week now!!

  • @fatomahmed4298
    @fatomahmed4298 4 ปีที่แล้ว

    that was good
    thank you very

  • @julietalaroker
    @julietalaroker 4 ปีที่แล้ว

    Thank you !!!

  • @sandhyavasdev3453
    @sandhyavasdev3453 4 ปีที่แล้ว

    Can anyone help me out when i am deploy my project on netlify this error
    ""will occur Or modify the "scripts.build" command in your "package.json" from "react-scripts build" to "CI= react-scripts build"""
    plz help me thank u in advance

  • @samirajshirsat9397
    @samirajshirsat9397 5 ปีที่แล้ว

    Can you make same videos for any web framework like angularjs? Please.. !

  • @pratikjoshi7653
    @pratikjoshi7653 4 ปีที่แล้ว

    Hitesh sir, please launch complete full stack development course with MEAN stack at learncodeonline mobile app. It will be very wholesome n complete. 🙏

  • @aradhyatiwari3215
    @aradhyatiwari3215 4 ปีที่แล้ว

    What is jira ??

  • @Dexter101x
    @Dexter101x 3 ปีที่แล้ว

    It's not CTRL + tilde, its CTRL + ' (Single quote)