source.html

<p style="margin-top:3em; border-radius:1em; box-shadow:0 0 1em #D0D0D0; padding: 1em">Also known as "serverless", "client-side", 
or "static" web apps, unhosted web apps do not send 
your user data to their server.
Either you connect your own server at runtime, 
or your data stays within the browser.</p>
<h3 style="margin-top:2.5em">advantages compared to native (iOS, Android) apps</h3>
<ul>
  <li>web apps work on any device, no matter which platform or provider</li>
  <li>you can get apps from any website, not just through a censored app store
<!-- with only the minor regrettable exception of <a href="https://groups.google.com/a/chromium.org/d/topic/chromium-apps/AZcMm413xww/discussion">Chrome packaged apps</a> --></li>
</ul>
<h3 style="margin-top:2em">advantages compared to hosted web apps</h3>
<ul>
  <li>choose your server provider independently of which apps you use</li>
  <li>likewise, your choice of apps is not narrowed down by your storage provider</li>
  <li>the app provider no longer gets to see your data by default</li>
  <li>unhosted web apps are cheaper to publish than hosted ones</li>
  <li>unhosted web apps can easily be mirrored for kill-switch resilience</li>
  <li>infinite per-app backend scalability (there simply <em>is</em> no per-app backend)</li>
</ul>
<h3 style="margin-top:2em">what? no backend? so the whole app is actually client-side?</h3>
<p style="text-align:center; margin-top:2em; border-radius:1em; box-shadow:0 0 1em #D0D0D0; padding: 1em"><img src="/img/flyer/unhosted_web20.png" /></p>
<p style="text-align:center">your everyday LAMP-stack, J2SE, .net, or Ruby-on-Rails hosted web app</p>
<h3 style="margin-top:3em">yep. over http, you receive the app's <em>source code</em>, rather than an opaque user interface. take a minute to wrap your head around this&hellip;</h3>
<p style="text-align:center; margin-top:5em; border-radius:1em; box-shadow:0 0 1em #D0D0D0; padding: 1em"><img src="/img/flyer/unhosted_arch.png" /></p>
<p style="text-align:center">the new &#8220;unhosted web app&#8221; architecture</p>
<h3 style="margin-top:3em">&hellip; and then
<a href="/adventures/1/Personal-servers-and-unhosted-web-apps.html">read on</a>,
<a href="/tools/">learn about tools</a>,
or <a href="/getting-started/">build your first app</a>!</h3>