Ben Nadel’s Post

Transcript

Good morning and happy New Year. If you exported prototypes or boards from the envisioned V6 Cloud product, you were left with a bunch of zip files that represent static versions of those prototypes and boards. And as a final gesture, I just wanted to show you how you can very easily upload these zip files to Cloudflare pages and host them publicly. So let me minimize my Finder folder here and you'll see in the background I am logged into my Cloudflare dashboard, which you can sign up for. Cloud Flare for free. And on the left hand side here, we have workers and pages. If you go into that, you have the option to create either a worker or a page. In this case, we're going to create pages and pages are just static sites. And we have the option to either connect to Git, which you're not going to do, or you can directly upload files to Cloudflare Pages. And that's what we're going to do. And the really, really cool thing that Cloudflare does here is it allows you to drag and drop those zip files directly into the browser and it will take care of unarchiving them and deploying them. For you O, let's go into our upload assets option, and the first thing you need to do is name the project, and that's going to become part of the URL that you use to host. You can create a custom domain later, but I'm not going to include that in this demo. So I'm going to call this one envision steps. Because that was the name of my prototype, I'm going to hit Create profit project. And you'll see now below we have a drag and drop zone and you can upload your zip file directly to this area. So if I go back to my Finder and I just grab my envisioned step, zip file, drag and drop, you can see it becomes activated. I'm going to drop it. You can see it automatically shows us the contents of those zip. And all I have to do is hit deploy site. And justice like that. Cloud Flare has processed the zip file and has begun deploying that static site around the world. Now I'll open it U here in a new tab. And it may not work at first. Sometimes it takes a couple of minutes for Cloud Flare to propagate these changes to its global points of presence. Ohh, happened automatically and fast. Here you can see I have envisioned steps, pages, dev. I'm automatically taken into my export experience. Here you can see I have my members. That's me. Of course this e-mail address doesn't work anymore and I have my screens here. These are all my steps. If I go to browse, you can see the thumbnail version. There are no actual thumbnails. This is just downscaling the large version. So this may not work very fast in a publicly loaded. URL but if we jump in here you can see I have all of my hotspots and I can go from screen to screen and I can look at comments of course as well. Umm, so that was prototypes. Let's take a quick look at boards. So if we close this and we go back to our workers and pages and let's go back into pages, and this is going to be the exact same process. This time we're going to go upload assets again, and now we're going to do. Invision Board. And let's create that prototype now. Project. Sorry, old habits die hard. We have our drop zone again, so I'm going to go back to my Finder. I'm going to grab my simply social board zip. And again, you just drag it over here. You can see the drop zone becomes activated. We're going to drop it. It's going to show us all of the files that are available. You can even expand these folders here to see what's going to be deployed. And then we hit deploy site. And again, Cloudflare takes care of decompressing that zip file and deploying your static version of your board to all of its points of presence. Around the world and I'm going to go ahead and open this one. And again, this might not work on first click. Sometimes it does take a couple of minutes. Yeah. So you can see this one is not working immediately. So I'm just going to go ahead and pause the video and come back when the deployment has completed. Alright, OK, so there it finally worked and that took about 5 minutes just to manage expectations. Sometimes it happens instantaneously and sometimes it takes a couple of minutes. So this is our Simply social board. That's a demo board from Envision. You can see we have our members. Again, this e-mail no longer works. If we go into browse mode here you can see the the board experience for the exported. Exported static assets, we can click into any of these. We get our full screen view, you can see the colors and all that jazz. We can go from image to image. And of course we can always look at comments, but I think there's only one comment here. So yeah, so that is a very, very easy way to take your exported zip assets from the Envision V6 Cloud product and upload them to Cloudflare Pages. And we can come back in here and we can see my two projects that have been created. And at any time, you can go in and delete these. Let's go ahead and delete these. So if I go into Envision steps, if you go over to settings down at the very bottom, there is an option to permanently delete all of the static assets. Let's go ahead and do that. We're going to have to take the name here so we don't accidentally delete things. And you just have to paste it in to confirm that you want to do this. So we're going to delete steps. And then let's go ahead and do the same thing for boards again. Go into settings, go down to the bottom, permanently delete. Let's grab the name here so that we can confirm the deletion and delete. And there you have it, a super easy way to deploy your exported Envision V6 prototype and board static sites to Cloudflare pages so that you can host them publicly for others to consume. I hope this is helpful, and if you ever want to talk about how to maybe take those zip exports and turn them into something else, feel free to drop me a line.