1
00:00:04,610 --> 00:00:10,000
We just create a Docker file of was a front end application, and during built brought us you'll see

2
00:00:10,010 --> 00:00:12,900
six steps from rogue deer exports.

3
00:00:13,020 --> 00:00:15,410
Copy one and one more Copia.

4
00:00:16,100 --> 00:00:17,090
We give that here.

5
00:00:17,090 --> 00:00:21,320
We copy all the remaining application files after npm install.

6
00:00:21,710 --> 00:00:30,110
In order to be able to reuse guest Leros for result in custom image on doorsteps, go up and run and

7
00:00:30,110 --> 00:00:33,110
only create new layer at this step.

8
00:00:33,830 --> 00:00:39,980
Similarly, in order to optimize Docker attribute Broaddus, we did that for Python API service.

9
00:00:40,700 --> 00:00:44,750
Alright, let's not go ahead and build this custom image.

10
00:00:45,270 --> 00:00:50,780
Let's go to the terminal and I'll do that here and this step where I stopped that front end application

11
00:00:51,020 --> 00:00:56,570
and I could ensure that now it is not running by going to a browser and or represent web page here and

12
00:00:56,570 --> 00:00:58,340
now I see this site can be reached.

13
00:00:58,640 --> 00:00:59,000
Great.

14
00:00:59,420 --> 00:01:01,940
Ensure that you are in the front end folder.

15
00:01:02,000 --> 00:01:09,410
If you type BW, you should see path to front and folder in the Images Gallery folder, and here you

16
00:01:09,410 --> 00:01:16,310
should see Docker, a file that we just created and now lets around Docker build process by entering

17
00:01:16,310 --> 00:01:16,790
command.

18
00:01:17,120 --> 00:01:25,190
Docker Build Dot Dot stands for current directory, but before doing that, let's the following Let's

19
00:01:25,190 --> 00:01:28,040
actually remove completely folder gold.

20
00:01:28,040 --> 00:01:35,360
No more this one and you'll see that node modules folder will be created inside of the image.

21
00:01:35,720 --> 00:01:38,120
So for now, let's remove this node modules folder.

22
00:01:38,240 --> 00:01:43,670
A bit later, we will reinstall all dependencies in our local folder here on our computers.

23
00:01:44,390 --> 00:01:50,120
So let me remove Node Modules folder by entering command r m this r f node modules.

24
00:01:50,390 --> 00:01:54,080
If you want, you could go to Visual Studio Cold and removed their.

25
00:01:55,390 --> 00:01:55,840
All right.

26
00:01:55,960 --> 00:01:57,630
Modern Windows folder was removed.

27
00:01:57,750 --> 00:02:03,660
And now let's start build Broaddus Docker build dot started.

28
00:02:04,870 --> 00:02:09,130
Docker file was found and Bill Définition was lauded for it.

29
00:02:09,820 --> 00:02:16,960
And here you see first step from Docker and then this step we pull node image from the Docker hub with

30
00:02:16,960 --> 00:02:19,100
corresponding tech 15.4.

31
00:02:19,240 --> 00:02:21,540
In this Alpine is usually.

32
00:02:21,610 --> 00:02:27,250
This image consists of multiple layers, for instance, this layer or this layer.

33
00:02:27,610 --> 00:02:30,400
Let's wait a bit until those layers are downloaded.

34
00:02:31,860 --> 00:02:38,340
All of the downloaded and no doctor extracts contents of those layers he used to extract in the logs

35
00:02:39,210 --> 00:02:44,490
of the world's working directory was created at the step number two packaged, adjacent and packaged

36
00:02:44,490 --> 00:02:50,610
to slow digesting the files where corporate at step number three and now bulk around npm.

37
00:02:50,610 --> 00:02:54,840
Install this desk style and command at the step number from.

38
00:02:55,560 --> 00:03:01,290
And notice that we don't see any output from npm because we added this silent option here.

39
00:03:01,560 --> 00:03:02,340
Let's wait a bit.

40
00:03:03,820 --> 00:03:09,360
Finally, npm installed old dependencies and the step number five, all our main complication, the

41
00:03:09,370 --> 00:03:16,030
files were copied to destination working directory and no Docker is exporting results to the image,

42
00:03:16,210 --> 00:03:22,030
yet experts actually old those labels that were created on each separate build step.

43
00:03:23,170 --> 00:03:27,310
And finally, Docker image with such success was created.

44
00:03:27,820 --> 00:03:33,370
And if I at least Docker images now, I should see such image with such image ID.

45
00:03:33,850 --> 00:03:39,310
But now this image doesn't have any repository name and the Nortec this way.

46
00:03:39,340 --> 00:03:45,880
Let's quickly now attribute such image by EdTech Images Gallery the front end.

47
00:03:46,000 --> 00:03:54,370
Similarly, as we did for API image, let's do that Docker Build Dot DSD that stands for tech and here

48
00:03:54,370 --> 00:03:57,850
lets type images gallery front end.

49
00:03:58,330 --> 00:03:58,840
Like that?

50
00:03:59,320 --> 00:04:00,220
Let's rebuild.

51
00:04:01,320 --> 00:04:07,860
Now it will go much faster because all layers will be used from cars, for instance, here you see cast

52
00:04:07,860 --> 00:04:08,550
or hero.

53
00:04:08,940 --> 00:04:15,030
And just in the several seconds, namely 2.5 seconds build process was finished.

54
00:04:15,480 --> 00:04:21,690
And now if I released images again, Docker images, oil syrup was drew name images, gallery front

55
00:04:21,690 --> 00:04:25,590
and along with the latest near sage image I.D..

56
00:04:26,070 --> 00:04:32,250
Right now, we are able to use the image gallery front and image in order to run Docker container that

57
00:04:32,250 --> 00:04:35,370
will actually run all or react front and application.

58
00:04:35,580 --> 00:04:37,380
And let's look after the small box.