1 00:00:00,720 --> 00:00:07,990 In most of the time, we are going to generate a dynamic page rather than this static page. 2 00:00:08,370 --> 00:00:17,070 So we need another package to help and which is the X and why do we need to use the X? 3 00:00:17,970 --> 00:00:24,950 Because if we do not use the gas, then we have to write a code like this, and if we have to register 4 00:00:24,950 --> 00:00:33,050 and we can simply do some thing like this and we just about the very bold and then we just about the 5 00:00:33,060 --> 00:00:36,990 two of us variable here and this page to the page. 6 00:00:37,590 --> 00:00:47,110 So first thing first, we have to install the gas by using NPM, install X, and then in order to set 7 00:00:47,110 --> 00:00:50,910 the X as the real engine, we have to go to the airport. 8 00:00:51,090 --> 00:00:51,500 Yes. 9 00:00:52,230 --> 00:01:02,130 And right before the laptop listens, we type Abdulbaset and we'll Andrian and X. 10 00:01:02,670 --> 00:01:13,770 Now we already start the engine as X and we have to put the file inside a folder and then we just winamp 11 00:01:13,770 --> 00:01:15,870 this as X File. 12 00:01:20,050 --> 00:01:28,170 And then instead of sending the file, we are going to digitise and replace it with render and invest 13 00:01:28,540 --> 00:01:33,300 and we just need to type to find them without the eggs. 14 00:01:34,030 --> 00:01:35,320 So we do the same here. 15 00:01:35,890 --> 00:01:38,950 We type render and put it on. 16 00:01:39,370 --> 00:01:46,280 And yeah, we also need to replace we have to error page by using render error. 17 00:01:47,440 --> 00:01:53,980 So now we can try to run the app by using the Common App. 18 00:01:55,000 --> 00:02:03,880 Now, if we go to localhost, we have got three thousands and you can see these exactly the same as 19 00:02:03,880 --> 00:02:12,970 before, so we can go to the item page and here we can go back to the homepage because we also need 20 00:02:12,970 --> 00:02:14,770 to change the POV. 21 00:02:16,030 --> 00:02:23,950 And at the end that and here we also need to change these two for us and. 22 00:02:25,860 --> 00:02:28,230 At the other page, we also need to do the same. 23 00:02:31,030 --> 00:02:37,330 So now if we refreshed a page and click on the item and click on the logo again, you can go back to 24 00:02:37,330 --> 00:02:44,440 the home page and if you type something that exists, it will go to the error page.