1
00:00:00,480 --> 00:00:00,920
Excellent.

2
00:00:00,930 --> 00:00:07,050
Once we have access to our products coming from the local strappy implication then we're gonna head

3
00:00:07,050 --> 00:00:14,720
over to our front end and configure our euro because currently we're fetching products from my API.

4
00:00:14,730 --> 00:00:22,230
However now that we have created in our local strappy application we can just look for them in the TTP

5
00:00:22,570 --> 00:00:27,630
land colon and forward slash and local host thirteen thirty seven.

6
00:00:27,670 --> 00:00:33,810
Please keep in mind again we're not adding that forward slash product because we're already doing that

7
00:00:33,900 --> 00:00:37,240
within the product's context and that way again.

8
00:00:37,320 --> 00:00:42,870
Once we deploy our application then again we're just going to change the URL to whatever domain we're

9
00:00:42,870 --> 00:00:48,060
going to have and that way we don't need to hop around our application and just keep on changing the

10
00:00:48,060 --> 00:00:48,420
url.

11
00:00:48,810 --> 00:00:54,290
So I'm gonna head over back to my browser and I'm just gonna copy and paste the local post.

12
00:00:54,310 --> 00:00:56,670
I think this is gonna be a little bit quicker.

13
00:00:56,670 --> 00:01:04,000
So let me selected and we're gonna just copy and paste we're gonna head over to our you URL we're gonna

14
00:01:04,020 --> 00:01:09,060
copy and paste it and the moment when we do that by the way again Don't I have the forward slash make

15
00:01:09,060 --> 00:01:12,460
sure that you don't have to hover slash just the domain.

16
00:01:12,810 --> 00:01:15,450
Let's say it everything is gonna work well.

17
00:01:15,630 --> 00:01:19,850
However there's gonna be an issue and the issue is gonna be our images.

18
00:01:19,950 --> 00:01:24,070
So we're not gonna be able to see the images and there's gonna be two fixes.

19
00:01:24,210 --> 00:01:25,580
There's gonna be a local fix.

20
00:01:25,710 --> 00:01:31,470
Meaning if you're not planning to deploy your application then we're just going to change our front

21
00:01:31,500 --> 00:01:32,350
end code.

22
00:01:32,440 --> 00:01:38,340
However if you are planning to deploy the application we're gonna have to set up the Cloud area code.

23
00:01:38,730 --> 00:01:44,220
So again let me take a look at the bigger browser window if we're gonna head over to our project we're

24
00:01:44,220 --> 00:01:44,810
gonna see that.

25
00:01:44,820 --> 00:01:47,070
Yes the product is there.

26
00:01:47,070 --> 00:01:51,210
But again I cannot see the details meaning I cannot see the image.

27
00:01:51,210 --> 00:01:54,960
Everything else works well but unfortunately we cannot see the image.

28
00:01:55,150 --> 00:01:56,550
And why is that happening.

29
00:01:56,640 --> 00:02:02,820
Well again if we're gonna head over to our product you're going to see that the URL is forward slash.

30
00:02:02,910 --> 00:02:09,320
So whatever domain name is in our case again and local host none we have the forward slash and upload

31
00:02:09,660 --> 00:02:11,130
and then we get an image.

32
00:02:11,190 --> 00:02:16,620
And if you're going to try to access it in your browser of course it's going to fail because first we're

33
00:02:16,620 --> 00:02:18,620
gonna need to have our domain name.

34
00:02:18,660 --> 00:02:22,670
So let's say if I look for the image this way of course I'm not going to be able to find it.

35
00:02:22,780 --> 00:02:26,120
However if I'm going to add of course my local host.

36
00:02:26,220 --> 00:02:34,920
So if I'm going to say a local host design call on 13 thirty seven then you're going to see that we're

37
00:02:34,920 --> 00:02:36,050
gonna see the image.

38
00:02:36,510 --> 00:02:37,140
Let's run it.

39
00:02:37,170 --> 00:02:38,890
And of course the image is there.

40
00:02:38,920 --> 00:02:45,450
Now the difference is once we set up the free cloud energy account we right away gonna point our you

41
00:02:45,530 --> 00:02:47,860
URL to a cloud Mary.

42
00:02:47,920 --> 00:02:53,000
That's why we right away can access the image and why we would want to set up the cloud Neri.

43
00:02:53,340 --> 00:03:00,660
You see once we're gonna deploy our application let's say in Heroku using this forward slash and upload

44
00:03:00,660 --> 00:03:07,500
is not going to work because essentially Heroku just wipes out the cache and then once your application

45
00:03:07,500 --> 00:03:10,890
spins up again you're not going to have access to images.

46
00:03:10,890 --> 00:03:17,220
So again if you're not planning to deploy our application you can just follow along with a next videos

47
00:03:17,610 --> 00:03:19,680
where we change around our local setup.

48
00:03:19,920 --> 00:03:24,630
So I'm going to show you how we can do that easily using our front end because essentially we just need

49
00:03:24,630 --> 00:03:27,260
to change a bit our code around that.

50
00:03:27,320 --> 00:03:33,150
So how if you're planning on deploying our application I would strongly suggest setting up a free cloud

51
00:03:33,150 --> 00:03:38,460
network out because that's what you're going to have access to your image right there within the.

52
00:03:38,520 --> 00:03:39,540
You are all property.