1
00:00:00,520 --> 00:00:06,160
And in order to set up and Connect Cloud Neri with our strappy application first we're gonna have to

2
00:00:06,160 --> 00:00:08,110
set up a free cloud account.

3
00:00:08,500 --> 00:00:10,930
So just get over to your search engine.

4
00:00:11,070 --> 00:00:14,970
Type in cloud Neri and then of course sign up for a free account.

5
00:00:15,040 --> 00:00:21,130
Once you do then you're gonna be able to log in and then you're going to look for your api keys so I

6
00:00:21,130 --> 00:00:22,970
can sign up for a carrier account.

7
00:00:22,990 --> 00:00:28,570
Then you're gonna be able to log in and once you log in you're looking for these three values you're

8
00:00:28,570 --> 00:00:32,710
looking for the cloud name the API key as well as the secret.

9
00:00:32,710 --> 00:00:39,040
Once you have that land head over and look for strappy cloud energy package and this is gonna be like

10
00:00:39,040 --> 00:00:45,700
strappy hyphen provider hyphen upload cloud Neri look for the NPM but don't install it right away.

11
00:00:45,790 --> 00:00:48,760
It is important that we use specific folder.

12
00:00:48,760 --> 00:00:51,050
So let me copy and paste the command.

13
00:00:51,070 --> 00:00:54,980
And by the way the folder name is not this one not the plugins and upload.

14
00:00:55,150 --> 00:01:00,430
Then we're gonna head over back not to our front end but in fact we're gonna look for our strappy application

15
00:01:00,610 --> 00:01:06,070
and then once I'm in my strap application I'm just gonna make the window bigger and we're going to stop

16
00:01:06,070 --> 00:01:12,310
the server and now we need to navigate to extensions folder again the folder where we're navigating

17
00:01:12,580 --> 00:01:13,750
is extensions.

18
00:01:13,870 --> 00:01:19,390
First let's type C.D. extensions like so make sure that you don't spell.

19
00:01:19,390 --> 00:01:24,360
Like I just did so extensions and once we're there then we're gonna run the command.

20
00:01:24,460 --> 00:01:29,500
So then we're gonna install the package and once the package is installed again we're gonna have to

21
00:01:29,500 --> 00:01:30,720
spin up the deaf several.

22
00:01:31,090 --> 00:01:32,630
So let me just wait a little bit.

23
00:01:32,650 --> 00:01:34,110
Who's gonna install the package.

24
00:01:34,150 --> 00:01:40,770
And once we do then again we're gonna have to run NPM run develop which is gonna spin up our deficit.

25
00:01:40,840 --> 00:01:46,770
Then let's get clear maybe everything NPM Iran develop.

26
00:01:46,850 --> 00:01:51,340
So we're setting up our dev server and now I'm gonna head over to my admin.

27
00:01:51,490 --> 00:01:54,460
So not my front end but to my admin.

28
00:01:54,640 --> 00:01:56,940
And what I'm looking for is the plugins.

29
00:01:56,980 --> 00:02:03,070
So within the general we have the plugins and the plugin we're looking for is the files upload so we

30
00:02:03,070 --> 00:02:06,820
click only file upload and then we're looking for the COC.

31
00:02:06,940 --> 00:02:11,590
So the settings come and then check it out for the local deployment.

32
00:02:11,590 --> 00:02:13,600
Right now we have a local server.

33
00:02:13,600 --> 00:02:19,680
However if we installed correctly or package we also have different provider by the name of cloud.

34
00:02:20,050 --> 00:02:23,610
So we set up our provider and again we're going to go with the cloud.

35
00:02:23,920 --> 00:02:28,320
And then we'll look for the name as well as the key as well as the secret.

36
00:02:28,330 --> 00:02:32,990
So let me head over back to the cloud Neri and one by one let's copy those values.

37
00:02:33,070 --> 00:02:35,440
So first one is gonna be cloud name.

38
00:02:35,440 --> 00:02:40,020
Then the second one is gonna be my api key like so.

39
00:02:40,120 --> 00:02:42,610
And then third one is going to be my secret.

40
00:02:42,610 --> 00:02:47,000
So I'm going to copy to clipboard and land we're gonna head over back to the admin.

41
00:02:47,140 --> 00:02:51,950
Let's save it and now let's maybe edit one of the product.

42
00:02:51,970 --> 00:02:56,650
Now I'm not going to do all three of them but just to give you a clue how it's going to look like if

43
00:02:56,650 --> 00:02:58,180
we're going to head over to the product.

44
00:02:58,300 --> 00:02:59,710
Now we have the images correct.

45
00:03:00,010 --> 00:03:02,940
But again we didn't have them using glove.

46
00:03:03,070 --> 00:03:06,250
So I'm gonna head over let's say to a product number three.

47
00:03:06,400 --> 00:03:12,280
I'm gonna remove the file and now once we have the file this time so again let me head over to desktop

48
00:03:12,640 --> 00:03:15,940
and then let me look for let's say product number three.

49
00:03:15,970 --> 00:03:21,540
You're gonna notice that in our response our you are out is not going to be forward slash upload.

50
00:03:21,640 --> 00:03:23,050
So let's head over.

51
00:03:23,050 --> 00:03:26,190
Let's refresh and let's look for product number three.

52
00:03:26,380 --> 00:03:30,570
And product number three right now points directly to a cloud.

53
00:03:30,880 --> 00:03:34,910
So the previous ones were uploads and this one points to the cloud there.

54
00:03:35,050 --> 00:03:39,430
Of course in between the videos I'm going to set both of them to a cloud entry.

55
00:03:39,490 --> 00:03:44,700
And now if we're going to head over back again to react project now one of them is not gonna be shown.

56
00:03:44,710 --> 00:03:47,750
So of course our third one image is gonna be missing.

57
00:03:47,770 --> 00:03:50,020
So let me refresh and of course my image is missing.

58
00:03:50,280 --> 00:03:50,640
Why.

59
00:03:50,640 --> 00:03:55,670
The image is missing because in the previous video we used our local setup.

60
00:03:55,960 --> 00:04:03,160
So now in this case I'm gonna comment out again my upload version and we're gonna go back to a image

61
00:04:03,430 --> 00:04:09,280
that is using cloud honor by the way you probably had a good laugh where in a previous video I had a

62
00:04:09,280 --> 00:04:10,850
nice misspell.

63
00:04:10,990 --> 00:04:12,840
So let me say it again.

64
00:04:12,840 --> 00:04:15,010
And now of course we're only going to see the third one.

65
00:04:15,040 --> 00:04:19,900
So like I said I'm not going to waste your time by changing both of the images I'm gonna do that in

66
00:04:19,900 --> 00:04:26,350
between the videos but that's how we can set up strappy using cloud energy to host our images.