Add production scripts and Dockerfile: Building a microservices-based NodeJS and React app #063
Hey everyone! In today's video we (almost) finish setting up our Webpack pack by adding a production script and a simple Dockerfile to build our production files and serve them via an nginx server. This is not going to be the final setup of our production web client, but I just wanted to give you a taste of the workflow and the different parts of a production application.
There will be one more video which relates to Webpack setup coming up (I'll add the link here once it is published), and then we will have completed the basic setup of our React + Webpack frontend!
❯❯ GitHub repo for the project: https://github.com/lauromueller/unsocial-app
❯❯ Git commit for this video: https://github.com/lauromueller/unsocial-app/commit/22c835b18cb3ef9d72f5d64d6fcf21d054d55472
This video is part of a series where we are developing a microservices-based social media application with the main focus on learning the microservices pattern. We are using NodeJS for our backend services, and React for our frontend client.
─ ? VIDEO CHAPTERS AND CONTENT ─
0:00 Introduction
0:43 Agenda for the video
1:30 Merge dependency-updates branch into master
7:50 Update App.tsx with NODE_ENV variable
11:57 Create the webpack production script
14:27 Setup Dockerfile to deliver files via nginx
28:00 Differences between production and development
29:40 Commit and merge changes
31:51 Closing of the video :)
─ ? CODE SNIPPETS ─
❯❯ Production script: "build": "NODE_ENV=production webpack"
─ ? OTHER PLAYLISTS IN THE CHANNEL ─
❯❯ Typescript by example: https://bit.ly/typescript-by-example
─ ? ADDITIONAL LINKS ─
❯❯ Want to support this project? https://www.patreon.com/lauromueller
❯❯ My LinkedIn profile: https://www.linkedin.com/in/lauromueller/
─ ? SUBSCRIBE TO THE CHANNEL ─
Want to become a better, more skilled developer? Then make sure to subscribe to the channel and keep on challenging yourself with the new concepts we discuss in every video :) I have a lot of ideas for playlists, ranging from an introduction to Typescript to a deep dive on more complex technologies such as Apache Kafka!
─ ? CONTRIBUTE! ─
If there is any topic in development that interests you, make sure to write it down in the comments! I will take into consideration all your suggestions and requests, as well as the popularity of each of them, when deciding which series to record in the future :)
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Add production scripts and Dockerfile: Building a microservices-based NodeJS and React app #063», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.