And in order to set up and Connect Cloud Neri with our strappy application first we're gonna have to
set up a free cloud account.
So just get over to your search engine.
Type in cloud Neri and then of course sign up for a free account.
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
can sign up for a carrier account.
Then you're gonna be able to log in and once you log in you're looking for these three values you're
looking for the cloud name the API key as well as the secret.
Once you have that land head over and look for strappy cloud energy package and this is gonna be like
strappy hyphen provider hyphen upload cloud Neri look for the NPM but don't install it right away.
It is important that we use specific folder.
So let me copy and paste the command.
And by the way the folder name is not this one not the plugins and upload.
Then we're gonna head over back not to our front end but in fact we're gonna look for our strappy application
and then once I'm in my strap application I'm just gonna make the window bigger and we're going to stop
the server and now we need to navigate to extensions folder again the folder where we're navigating
is extensions.
First let's type C.D. extensions like so make sure that you don't spell.
Like I just did so extensions and once we're there then we're gonna run the command.
So then we're gonna install the package and once the package is installed again we're gonna have to
spin up the deaf several.
So let me just wait a little bit.
Who's gonna install the package.
And once we do then again we're gonna have to run NPM run develop which is gonna spin up our deficit.
Then let's get clear maybe everything NPM Iran develop.
So we're setting up our dev server and now I'm gonna head over to my admin.
So not my front end but to my admin.
And what I'm looking for is the plugins.
So within the general we have the plugins and the plugin we're looking for is the files upload so we
click only file upload and then we're looking for the COC.
So the settings come and then check it out for the local deployment.
Right now we have a local server.
However if we installed correctly or package we also have different provider by the name of cloud.
So we set up our provider and again we're going to go with the cloud.
And then we'll look for the name as well as the key as well as the secret.
So let me head over back to the cloud Neri and one by one let's copy those values.
So first one is gonna be cloud name.
Then the second one is gonna be my api key like so.
And then third one is going to be my secret.
So I'm going to copy to clipboard and land we're gonna head over back to the admin.
Let's save it and now let's maybe edit one of the product.
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
we're going to head over to the product.
Now we have the images correct.
But again we didn't have them using glove.
So I'm gonna head over let's say to a product number three.
I'm gonna remove the file and now once we have the file this time so again let me head over to desktop
and then let me look for let's say product number three.
You're gonna notice that in our response our you are out is not going to be forward slash upload.
So let's head over.
Let's refresh and let's look for product number three.
And product number three right now points directly to a cloud.
So the previous ones were uploads and this one points to the cloud there.
Of course in between the videos I'm going to set both of them to a cloud entry.
And now if we're going to head over back again to react project now one of them is not gonna be shown.
So of course our third one image is gonna be missing.
So let me refresh and of course my image is missing.
Why.
The image is missing because in the previous video we used our local setup.
So now in this case I'm gonna comment out again my upload version and we're gonna go back to a image
that is using cloud honor by the way you probably had a good laugh where in a previous video I had a
nice misspell.
So let me say it again.
And now of course we're only going to see the third one.
So like I said I'm not going to waste your time by changing both of the images I'm gonna do that in
between the videos but that's how we can set up strappy using cloud energy to host our images.