WEBVTT 00:00.800 --> 00:14.400 Are everyone in this video, I will show you how we can separate this thing into the environment variable. 00:15.440 --> 00:20.920 And also I want to separate it into the environment variable. 00:21.520 --> 00:23.080 So how to do that? 00:24.000 --> 00:35.200 Well, in Next.js we can create a file called file and we can boost the port right here. 00:35.680 --> 00:38.160 For example I will port 5000. 00:38.640 --> 00:45.600 And inside the main dot CSS I will look up into that. 00:46.200 --> 00:47.480 Let's say one or not. 00:58.160 --> 01:05.640 Now if I run the project and I will refresh it to the top 5000. 01:06.520 --> 01:08.840 Unfortunately, it did not work at all. 01:09.320 --> 01:09.880 Why? 01:11.760 --> 01:12.800 The reason? 01:12.800 --> 01:21.480 Because right here with seven configuration, there are eight we get. 01:21.840 --> 01:24.960 So for that reason is a documentation. 01:25.440 --> 01:29.760 We need to load the technique and click on configuration. 01:30.320 --> 01:36.600 In here only we need to install the package right here. 01:38.000 --> 01:38.520 Okay. 01:38.840 --> 01:43.120 In under the hood it will use the dot in way. 01:43.200 --> 01:45.880 If you are familiar with us. 01:47.040 --> 01:48.560 Let me install. 01:57.400 --> 02:00.050 And now let's show you how we can use. 02:03.050 --> 02:09.130 It again to install this fully auto configuration. 02:09.850 --> 02:19.770 Now in Wi-Fi we should import the config module right here inside the app module. 02:20.330 --> 02:21.370 Let me just. 02:25.850 --> 02:27.650 Open the app module. 02:28.690 --> 02:33.290 And here we will put that on top of the module module. 02:33.570 --> 02:36.210 And we will invoke the config module. 02:36.410 --> 02:41.490 So right now after that let's say it works or not. 02:46.210 --> 02:49.570 Well right now after we got this it will work. 02:53.490 --> 02:54.130 And. 02:56.650 --> 02:57.490 Right here. 03:02.290 --> 03:06.370 If we scroll down a little bit, user is global. 03:07.410 --> 03:13.090 Well, whenever we want to use the config module in the other module. 03:13.130 --> 03:15.290 First of all we have to use our. 03:15.490 --> 03:16.650 We have a boss. 03:17.730 --> 03:19.650 We have a message. 03:19.810 --> 03:20.290 Okay. 03:20.490 --> 03:24.570 If we need to we use the config module. 03:24.850 --> 03:30.370 We should invoke it inside the user module or other module. 03:30.490 --> 03:33.930 So I don't want us at all for a reason. 03:33.970 --> 03:38.170 I want it will mark the config module. 03:38.170 --> 03:39.570 Right here will be the global. 03:40.770 --> 03:47.890 And in the in any module we know the need to invoke us okay. 03:47.930 --> 03:51.930 So for that reason in this guy we would the option is global. 03:51.970 --> 03:57.180 So we go okay That will help a lot. 03:59.940 --> 04:02.580 And right now, let's see how we can. 04:05.180 --> 04:09.020 Separate this thing into the another. 04:09.860 --> 04:11.300 Let me cut that. 04:11.340 --> 04:16.100 It is an individual here I will move the Google URL. 04:17.900 --> 04:18.380 Okay. 04:18.420 --> 04:18.820 Move. 04:21.180 --> 04:22.620 Maybe the URL. 04:23.580 --> 04:25.540 And inside here I will go to. 04:28.060 --> 04:29.220 The URL. 04:29.900 --> 04:34.780 And I will mostly click right here and let's say. 04:37.420 --> 04:40.300 So here it will not work. 04:47.420 --> 04:50.380 Because I. 04:56.100 --> 04:56.540 Okay. 04:58.220 --> 05:00.140 Let me stop and go. 05:14.460 --> 05:14.940 Over. 05:14.940 --> 05:16.220 It's already worked. 05:16.860 --> 05:22.140 But in that case, we usually not want to do the process. 05:22.340 --> 05:29.260 If we instead of we want to configure it using the module. 05:30.300 --> 05:30.620 Okay. 05:30.620 --> 05:36.220 Let's go look outside inside the modules and click on async configuration. 05:37.500 --> 05:40.580 And right here we'll scroll down a little bit in here. 05:41.100 --> 05:46.140 Inside the module we can use the four routes are same okay. 05:46.140 --> 05:56.790 You can say in here is here we use the four route with the forward assist we can inject no dependency 05:56.790 --> 05:59.070 injection after config module. 05:59.310 --> 06:08.510 Okay, inside here we will import entire module and we will use the new factory. 06:10.150 --> 06:13.150 And we will inject the config service right here. 06:13.390 --> 06:19.230 And inside the width we can get directly the module URL. 06:19.630 --> 06:26.950 Okay so let me complete everything and I will boost I will replace it okay. 06:28.750 --> 06:31.350 And we import service. 06:32.550 --> 06:36.670 And right here replace with that. 06:39.590 --> 06:42.110 And right here. 06:47.230 --> 06:49.150 Inside we must. 06:51.150 --> 06:53.150 New arrival or not, I will remove. 06:53.150 --> 06:54.630 That is totally okay. 06:55.150 --> 06:58.310 And right here I will use it for you. 06:58.310 --> 07:01.470 I'll say okay. 07:01.470 --> 07:02.030 Right here. 07:02.830 --> 07:06.670 It's already work and. 07:10.510 --> 07:13.830 You might think this very confusing. 07:14.590 --> 07:15.070 Okay. 07:15.070 --> 07:21.790 You might think this very confusing, but let me explain it fully. 07:21.830 --> 07:31.430 We don't need to memorize all the important points in this line right here. 07:31.910 --> 07:35.390 We wish the import and inject. 07:35.710 --> 07:41.150 Well, you can say inside the folder, as if we have to use factory methods. 07:41.150 --> 07:41.590 Right. 07:42.150 --> 07:46.030 And the factory methods belong to that object. 07:46.430 --> 07:48.880 It will belong to another of mahjong. 07:49.640 --> 07:55.120 In order to use a complete survey, we need to inject us, right? 07:55.600 --> 07:59.200 And in order to inject that, we must import us also. 07:59.880 --> 08:06.600 So in order to use the survey results in darkness and in progress. 08:07.640 --> 08:16.080 After that we can look at us and right here okay we notice but the dependency injection. 08:21.800 --> 08:22.320 Okay. 08:22.480 --> 08:27.360 We will inject it over here and yield us. 08:29.680 --> 08:38.480 So that is and of course you don't need to memorize anything even with my eyes will not. 08:41.120 --> 08:44.640 Memorize all of that okay. 08:44.960 --> 08:46.560 That is not for the video. 08:47.160 --> 08:47.920 I will see you.