Wordpress & Web Development

How To Host a Simple Website Using Dropbox

Nancy Messieh 09-01-2013

dropbox websiteIf you’re looking to create a simple website, but don’t want to spring for hosting, you probably already know how challenging it can be to find free and decent hosting. One possible option to look into is to use the online backup service Dropbox to host your website.


We’ve already taken a brief look at how you can use Dropbox to host a website 10+ Best Apps for Your Dropbox If you've been using Dropbox for a while, you may not have noticed that a whole ecosystem of applications have been built up to use the service. Over time, these apps have sprung up to... Read More , but if you’re looking for an in-depth guide, you’ve come to the right place. Before getting into the details on how to set up your own website using Dropbox, there are a few caveats worth mentioning.

When we say ‘create a simple website‘, the emphasis should be on simple. There isn’t much in the way of design, templates or features that you’re going to get hosting a Dropbox website. At best, you can use it to publish a blog or a basic website to promote your business. If you plan to use Dropbox to host your website, you should also be aware of Dropbox traffic limits – 10GB for a free account and 250GB for a paid account.


One of the easiest services to use to host your own Dropbox website is DropPages. Logging in to the site with your Dropbox credentials, you’ll be prompted to grant it access to your account.

dropbox website

Doing this will automatically create a sub-folder in your Dropbox account. To find it, navigate to Dropbox > Apps > DropPages. The folder will remain empty until you create your first website. You can choose your subdomain on the DropPages domain name.


host a website folder on dropbox

If you’d prefer to use your own domain (and need more than the 50MB limit), you can upgrade to a pro account for £5 a month. DropPages also allows you to choose between three different themes for your site.

DropPages sites are contained within three folders in your DropBox account. The ‘Content’ folder will contain all of your text files that the service automatically converts to HTML. The public folder contains static content – CSS, images and downloadable content, while your Template folder is where you can change your template (the template is where all of your menu/navigation information has to go).

Choosing your preferred template, you can then simply download all the files and replace the existing files in your DropBox DropPages folder. This is the easiest way to create your site, as you can simply replace the dummy content with the content of your choice. This way you don’t have to worry about creating menus, sidebars, or anything else. (Be sure to give it a few minutes before your website shows up – the transformation isn’t instantaneous).



Another easy option worth looking into is Pancake.io. The first thing you’ll need to do is sign up for a free account, and grant it access to your Dropbox account.

host a website folder on dropbox

Doing this will automatically create a sub-folder in your Dropbox account. To view the folder, go to Dropbox > Apps > Pancake.io. Inside that folder, you’ll find two documents – a getting started guide and an example post – both in the form of .txt files.

host a website folder on dropbox


The easiest way to create additional posts is to simply to copy and paste the existing example and replace the content with your own.

The rules for creating content are very basic. Simply create a text file including the following at the top of the document:

title: Welcome to Pancake.io!
header: Testing Pancake.io for MakeUseOf

This is an example post

Once you have all of your content in place, your blog post will look like this:

dropbox website


As it will say at the top of your post – only you can see the page – but you can easily share the direct link provided. If you’re looking to create a one-page website, you’re pretty much set. You can get a little bit more elaborate with how your page will appear by looking at the example provided, although a little bit of HTML knowledge will go a long way. With basic HTML knowledge you’ll be able to format text, embed images and links and more.

If you’re just getting started with HTML, you can take a look at our easy-to-follow guide 5 Steps to Understanding Basic HTML Code HTML is the backbone of every webpage. If you're a beginner, let us walk you through the basic steps to understanding HTML. Read More  on how to do all that and more. Also be sure to check out these eleven HTML tags Top 11 HTML Tags Every Blogger & Website Owner Must Know The world wide web knows many languages and is coded in several different ones. The one language however, that can be found all over and has been around since the invention of webpages, is the... Read More that will come in handy when creating your blog.

Pancake.io supports several types of files including PDFs, image files, Excel spreadsheets and Powerpoint files. When it comes to creating more elaborate websites it also supports Markdown (.md) files. You can also easily embed a list of all of your Pancake.io pages anywhere you want by generating the HMTL code here.

If you want to create a website with more than just one page, it’s going to take a little bit more effort on your part and will involve Markdown – which converts text to HTML and makes it possible to create more elaborate websites using Dropbox.

SourceKit [No Longer Available] is a tool that will come in really handy if you want to keep all of the editing in your browser. The Chrome extension allows you to edit files directly within your browser, but you will have to grant it access to your Dropbox account as well. Don’t forget, if you aren’t interested in this solution, there are lots of great web hosting services out there.

Do you have any tips on how to use DropBox to create a simple website? Let us know about it in the comments.

Related topics: Cloud Computing, Cloud Storage, Dropbox, Web Development, Web Hosting.

Affiliate Disclosure: By buying the products we recommend, you help keep the site alive. Read more.

Whatsapp Pinterest

Leave a Reply

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

  1. Stan
    June 26, 2016 at 2:05 pm

    Website hosting is about $3-4 bucks a month, if you find a coupon. Google 'web hosting coupon' and you'll find discount codes for hostgator, bluehost, dreamhost, etc.

    It's about the price of a cup of coffee, and a small price to pay to have it hosted on a actual web hosting platform.

    Use this if you need to show a webpage in a pinch, not to host your site.

  2. Roland
    January 19, 2015 at 9:12 am

    If you want to stream video of Dropbox: this is NOT possible. Thus Dropbox is NOT a solution.
    The information in this article is old.
    I prefer Google Drive. For me: Dropbox is end of story.

  3. mRINAL
    July 7, 2013 at 2:54 pm

    If you can live with subdomain than http://www.wix.com/ is the much better option , here you can choose your template and drag and drop things very easily,,

  4. stathis
    March 14, 2013 at 7:00 pm

    Hi, guys, here is a site I made, using droppages:


    It's about a speech-therapist from Greece!

    Hope you'll check it! Thank you!

  5. Chile Faux
    February 12, 2013 at 4:48 pm

    Nice article. It helped

  6. Aamir Saifi
    February 5, 2013 at 12:42 pm

    these sites are helpful for beginners specially to those who blog for personel niche

  7. James Smith
    January 24, 2013 at 9:24 am

    First time here on Dropbox. Soon going to host a Dropbox website.

  8. Kshitij Verma
    January 23, 2013 at 12:05 pm

    Great article! But can this be used for dynamic websites (eg. websites with php scripts and mysql database) as well or just normal html websites?

  9. Tech Nech
    January 16, 2013 at 1:22 pm

    Nice and clean post. I was thinking of hosting my personal website using dropbox, didn't knew about those apps. Thanks!

  10. Brahma Das
    January 16, 2013 at 11:15 am

    I it a kind of URL forwarding ?

  11. Ashfaq Habeeb
    January 16, 2013 at 6:41 am

    Nice guide! Much needed :)

  12. Nickolas Afg
    January 15, 2013 at 8:59 pm

    Thanks. Nice guide. Must try.

    January 14, 2013 at 8:06 am

    Is it possible to host a site from another provider,such as wordpress or blogger or joomla on dropbox?How good is the up-time?

    Would love to host my clients there,if its as seamless as you say!

  14. Jerzy Wach
    January 12, 2013 at 1:27 pm

    There are a lot of free hostings offering you possibility to install cms with more space then just 50MB. I don't really see any reason to choice dropbox service for host websites. I.e.:

  15. Alexandru Ionut
    January 12, 2013 at 10:01 am

    I don't understand something. If i made 1 site and i will use dropbox like host for my site, the site will be indexed by google?

  16. dannytawamo
    January 11, 2013 at 3:57 pm

    i like this

  17. dannytawamo
    January 11, 2013 at 3:57 pm

    i like aptech computer educatoin center

  18. PR Letterman
    January 10, 2013 at 6:21 pm

    Great information for me as a rookie.

  19. Ashutosh
    January 9, 2013 at 5:56 pm

    Nice...I will give them a try!!

  20. Asif Mistry
    January 9, 2013 at 1:07 pm

    Can I host Asp.net websites?

  21. Harshit Jain
    January 9, 2013 at 9:34 am

    But why would someone want to do that? I am using zymic and it is more than enough for 'basic webhosting' for free.

  22. Kashif
    January 9, 2013 at 9:12 am

    Site44 is also a good option. I have been using it for mockups


    • Vaska Chobanova
      January 15, 2013 at 7:00 pm

      nice one, i use it too

  23. Alexander
    January 9, 2013 at 8:42 am

    Nice guide :)

  24. Junil Maharjan
    January 9, 2013 at 4:30 am

    This will definitely allow easier upload of contents but will it be easier to manage without a CMS?