Get Free Website Hosting With Dropbox, Google Drive, or OneDrive
Whatsapp Pinterest
Advertisement

Want to host a simple website? You’ll probably be happiest with a good cheap web host. While there are tons of free web hosts to pick from, we don’t recommend that path because free web hosting has lots of downsides.

But if your website is simple, static, and just for fun, there’s another option: hosting on a free cloud storage service. Not only are cloud storage services more reliable than most free web hosts, there’s almost no learning curve!

This article assumes you already have your web pages ready to go, and only covers the actual process of making those files accessible online. Not there yet? Consider downloading a no-code website template 15 Best No-Coding Templates to Build a Personal Website 15 Best No-Coding Templates to Build a Personal Website The free templates listed here provide the simple tools you need to create the perfect site. You do not have to be a web designer or developer. Try them on your own. Read More or using a static site generator. I’ve used Nikola for this example.

How to Host a Website on Dropbox

Since Dropbox took away the ability to view public web pages, you’ll need to use a web service called DropPages.

DropPages connects to your Dropbox account and creates a special app folder that you’ll be using for the pages of your site. DropPages serves your web pages through its own web server, and ignores everything else in your Dropbox account.

The Pros and Cons of DropPages

Any time you make changes to your site files, DropPages updates its own versions of them and serves them right away. Managing your site involves nothing more than editing the local files in your Dropbox folder and letting them sync up.

Not only is DropPages extremely easy to use, but it comes with two free subdomains for accessing your sites. This makes it easy to share your site with others, and actually makes DropPages a viable option for simple sites that are more than “just for fun.”

While DropPages does have a free plan, you’re limited to 50MB of storage. That should be more than enough when you’re just starting. If you hit that limit, you can either pay for the Basic plan or switch to a traditional free web host.

How to Set Up DropPages

First, visit DropPages. Click Sign In to sign in to Dropbox, then grant permission for DropPages to access your Dropbox account by clicking Allow.

Allow DropPage Access

When prompted, type in the subdomain you want to use for your site and tack on .droppages.com at the end. For example, I created my site using jleemuo.droppages.com (which you can use to view my demo site).

This creates a new folder in your Dropbox account located at Dropbox/Apps/My.DropPages. Inside that new folder, you’ll see three subfolders:

MyDropPages Folders

The main one you should care about is Content, which is where your HTML goes. If you have any CSS, JS, or image files, put those in the Public folder. Templates can be safely ignored unless you intend to use DropPages’ templating system.

Upload your website into the appropriate folders and then wait for it to sync with both Dropbox and DropPages. If you want to speed things up or if it isn’t updating, you can go to your DropPages dashboard and click Publish Now or Reset Sync.

Now visit your domain in a web browser and you should see your site:

DroptPages site for Free Website Hosting

How to Host a Website on Google Drive or OneDrive

Since Google Drive and OneDrive don’t have built-in ways to host websites, you’ll need to use a free service called DriveToWeb.

DriveToWeb connects to your Google Drive or OneDrive account, looks for any publicly accessible HTML pages and assets, then takes those files and serves them through its own web server.

The Pros and Cons of DriveToWeb

What’s nice is that any time a file changes, DriveToWeb automatically catches it and updates itself. Want to tweak the text on a page? Just edit and save your version of the file on Google Drive or OneDrive and the web version will match. You don’t have to manually re-upload or force DriveToWeb to re-scan your drive.

DriveToWeb is extremely easy to set up. You can be ready in three minutes.

The downside? An ugly web address. DriveToWeb creates a randomized, anonymous identifier for accessing your site (mine is “vtqelxl5bdrpuxmezsyl9w”). This protects you so visitors won’t see your account name, but makes sharing difficult. The only people who’ll see your site are the ones you directly share the URL with.

How to Set Up DriveToWeb

First, make sure your website is uploaded to Google Drive or OneDrive and that all of the files are properly organized. Try viewing the site locally in a web browser to ensure it looks how you want it to look on the web.

DriveToWeb Folder

Then, mark the website folder as publicly viewable:

  • Google Drive: Go to drive.google.com, navigate to the folder, right-click on it, and select Share. Click Advanced at the bottom right. Next to “Private – Only you can access,” click Change and select “On – Public on the web,” then save.
  • OneDrive: Go to onedrive.live.com, navigate to the folder, right-click on it, and select Share. Click Get a link. This is what makes it public. You can ignore the actual link, which we won’t be using.

Now that your website is public, visit DriveToWeb and click on whichever cloud storage service you’re using: Google Drive or OneDrive.

DriveToWeb with Google Drive or OneDrive

When prompted for permissions, grant them. This is necessary for DriveToWeb to find which HTML files and assets are publicly available.

Once permitted, DriveToWeb will spend a few seconds looking for those files and converting them into pages accessible on the web, then display a list of all the pages that were converted:

DriveToWeb Admin Panel

Congrats! Your site is now online:

DriveToWeb for Free Website Hosting

Other Ways to Build and Host a Free Website

We’ve covered using InMotion hosting The Complete InMotion Web Hosting Review for Beginners The Complete InMotion Web Hosting Review for Beginners Need reliable web hosting? Our InMotion Hosting review will reveal if the service is a good choice for you. Read More , and offered a comparison of Bluehost and HostGator Bluehost vs. HostGator: Which Web Hosting Service Is Best for You? Bluehost vs. HostGator: Which Web Hosting Service Is Best for You? The names of two web host providers pop up everywhere: Bluehost and HostGator. We compare the two to find the better choice. Read More , if you need other options. You might also try setting up a WAMP server How to Set Up Your Own WAMP Server How to Set Up Your Own WAMP Server WAMP server is the easiest and most pain-free way to set up Apache, MySQL, and PHP on Windows for hosting a website. Read More .

Did you manage to get your site hosted on Dropbox, Google Drive, or OneDrive? Let us know how it went in the comments below!

Enjoyed this article? Stay informed by joining our newsletter!

Enter your Email

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Behzad Khodadad
    August 2, 2018 at 10:07 pm

    Thanks for this great guide. I just used DriveToWeb and set up a small website. It works fine, with a few small issues. It would be great if you would, if possible, explain why these issues are occurring.

    In my HTML file I have a form with some radio buttons and a textfield that the viewer selects/fills and taps a submit button. This then is supposed to send me an email with their selections. This actually work in some situations, and I do get the emails I expect, except...

    If the page is viewed on desktop, the user gets the message "Dangerous Web Page Blocked..., This is a known dangerous web page..."

    On a mobile device, they get a warning when submit is pressed, "This form is not secure. Are you sure you want to submit it?" And, after confirming submit, another message warns: "This website has been blocked from automatically composing an email." At this point, tapping "Allow" finally opens the email app and lets them send it.

    Could you comment on why these blockages and warnings may be happening? Is there something I need to do to the HTML to make it look less threatening?

    Thanks again!

  2. DriveToWeb Support
    April 24, 2018 at 1:42 pm

    DriveToWeb now supports custom domain names. You can replace the cryptic default *-on.drv.tw host name with anything you like simply by (a) creating a CNAME to point your domain name to *-on.drv.tw, and (b) create a folder in your top folder with name matching your custom domain. Voila, you are open for business.

    • VAL
      May 7, 2018 at 11:17 pm

      Works exactly as described - Thank you for such a great work around solution!

  3. David
    February 14, 2018 at 12:14 am

    I get a 404 page not found when going to jleemuo.droppages.com

  4. ganastor
    February 13, 2018 at 1:56 pm

    Why isn't github pages listed in here, especially since it can be used with any of the services above if its setup correctly? I haven't found an easier way or a better host than github pages, AND I use dropbox for those files.