95. Build Project for Production Deployment using npm run build command in React Redux App - ReactJS

Подписаться 46 тыс.

Просмотров 108 тыс.

50% 1

Hi Friends
In this video, we will see how to build the project for the production deployment using npm run build command in the React Redux App - ReactJS
The code is deployed in my Github account.
github.com/lee...
My Playlists:
React Complete Course: • 1. Why use React. Adva...
Vue Complete Course: • 1. Introduction to Vue...
Angular NGRX Complete Course: • 1. Introduction to Ang...
Angular Complete Course: • 1. Angular Introductio...
TypeScript Complete Course: • 1. What is TypeScript ...
ES6 Complete Course: • 1. Introduction to Ecm...
Javascript Complete Course: • 1. Javascript Introduc...
My Courses Playlist Page:
/ leelawebdev
If you like my video, please subscribe to my channel.
RU-vid Page: / leelawebdev
Twitter Page: / leelanarsimha
Linkedin: / leela-narasimha-reddy-...
GitHub: github.com/lee...
#React #leelawebdev
Join this channel to get access to perks:
/ @leelawebdev

Опубликовано:

11 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 47

@jaimetheone9150 4 месяца назад

Thanks, friend. I now understand what I need to do to take projects to production. I've been learning a lot about aws, ec2, s3, ssl, ssh... I'm on the right path!

@nurhamsah_tech Год назад

thank you very much. you have helped me. very good video

@sarthaksingh1500 4 месяца назад

What if we make changes in package.json file and add homepage:"/test/" . How does this work ...

@User77384a 3 года назад

Thanks for making all these videos mate

@LeelaWebDev 3 года назад

Glad you liked it

@yogvritti Год назад

Hi after npm run build, same build folder is created. But no js code on index.html and my index.html showing blank page. Only header title is coming

@0519ryan 5 месяцев назад

leela web dev is a sigma hater

@ob7349 Год назад

What if I need make changes already after the projdct is run build. What is the name of that task ???

@codingisfun-pranayharishch3001 Год назад

thank you so much sir

@DFCE82 2 года назад

Superb 😎👍

@ge7579 5 месяцев назад

Thanks!

@dgiri2333 6 месяцев назад

After production how to uses component external using cdn reference

@arjunp2796 Год назад

Hi Leela nice info no need to deploy node_moduels in production server ? how can application will work with out node modules in production environment

@psycoderhertz24 Год назад

node_modules folder contains project dependencies and while you perform npm run build will create an optimized version of your project which contains all the necessary files and dependency required/

@ashrafsyed799 Год назад

I create a build for my frontend file but the API calls and networks are linking with the backend and I'm getting 404 not found when I try to log in the calls are not going to the backend folder API calls how do I fix this..?

@MostafaNassar 3 года назад

Thank you, that was very very good and to the point.

@NagendraprasadC 10 месяцев назад

In my vscode it is creating a dist folder instead of build folder 🤷 ?Im working with react.js !

@posieden1664 2 месяца назад

hey Help i get dist folder when i type build command

@abdumajidabdullatipov7347 5 месяцев назад

thank you. this video is very useful for me

@h2nrlc 6 месяцев назад

Hi bro, I use different folder for server, how to point to frontend IP address from backend using cors

@vc_editz4343 4 месяца назад

after running it give me this error > client@0.1.0 build > react-scripts build Creating an optimized production build... Failed to compile. static/css/main.1c724175.css from Css Minimizer plugin Error: Unexpected '/'. Escaping special characters with \ may help. it create a folder but it give this error folder contain only image

@vin2857 3 года назад

thanks for the educative tutorial, can u suggest the best CPU Configuration related to MERN Stack development

@LeelaWebDev 3 года назад

Best take the macbook with M1 and ram of 8gb or 16gb(better). It is best. If you are windows user i5 processor is ok. Sadly i am using i3 processor with 8gn ram only.

@samnayakawadi Год назад

Subscribed.

@aravindnaveena5750 2 года назад

Hi leela so in my environment there is dev, qa, prod. So the same build files will be deployed on different ftp endpoints right?

@Krishna-ww3lm 2 года назад

How to stop npm serve -build

@user-pc5yx7ew8t Год назад

In a single line If I had to ask my question : Configure HTTPS for React Application deployed on AWS EC2 in Production mode

@onyedikachionu4317 3 года назад

if i want to commit the code to my github, do i initialized the build folder or the entire app folder

@LeelaWebDev 3 года назад

entire app folder you need to commit

@onyedikachionu4317 3 года назад

@@LeelaWebDev thanks

@raj-pl8xz Год назад

How to deploy react applications? What are the steps?

@LeelaWebDev Год назад

Will do. In our new react series

@JeanRupert-h8e 8 дней назад

48632 Kay Motorway

@junjietan2668 3 года назад

Hi leela, thank you for your tutorial. However i have a doubts that regarding between npm run build and webpack. Do we need them both? I have seen lot of tutorial when deployment their application, they dont include webpack however just a question if we deploy a big project, do we need the webpack during the build? It seems to be confuse for me😢 Thank you

@LeelaWebDev 3 года назад

Yes. I will do a complete a course on webpack

@srinath7318 2 года назад

Thank you so much for the video. Can you also please make a video how `process.env.NODE_ENV` works for different env like dev qa and prod. how to set up environment variables ln rect. Thanks in advance.