A backend for frontend developers
This commit is contained in:
Daniel Vassallo
BIN
src/img/logo.png
Normal file
BIN
src/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
@@ -1,8 +1,6 @@
|
||||
<div class="section">
|
||||
<h3 id="what-is-userbase">What is Userbase?</h3>
|
||||
|
||||
<p>Userbase is a database, but purpose-built for web apps. It is accessible directly
|
||||
from the browser through a very simple JavaScript SDK.</p>
|
||||
<p>Userbase allows you to create database-backed web apps using only static JavaScript, HTML, and CSS. No backend code
|
||||
necessary.</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
@@ -10,20 +8,19 @@
|
||||
<div class="section">
|
||||
<h3 id="why-not-a-database">What does it do?</h3>
|
||||
|
||||
<p>Userbase becomes your database, as well as your backend. You can create fully dynamic web apps using
|
||||
just static JavaScript, HTML, and CSS. No backend code necessary.
|
||||
</p>
|
||||
<p>Userbase is a database and backend service, purpose-built for web apps. It is accessible directly from the
|
||||
browser through a very simple JavaScript SDK.</p>
|
||||
<h4 id="zero-management">Zero management</h4>
|
||||
<p>Unlike a regular database, all Userbase queries run in the browser, with the server-side acting as
|
||||
a dumb data store. There's no database to manage or worry about.
|
||||
</p>
|
||||
<h4 id="user-management">Built-in user management</h4>
|
||||
<p>Unlike a regular database, Userbase takes care of your user accounts. It comes with built-in APIs for user
|
||||
signups, logins, and access control.</p>
|
||||
<h4 id="e2ee">End-to-end encrypted</h4>
|
||||
<p>Userbase won't show you what your users store in your web app. Yes, that's a feature — maybe the most important
|
||||
feature. Userbase spares you from the liability of handling user data by encrypting everything in the browser, using
|
||||
keys that always stay with the user.</p>
|
||||
<p>Userbase takes care of your user accounts. It comes with built-in APIs for user signups, logins, password
|
||||
resets, and access control.</p>
|
||||
<h4 id="e2ee">End-to-end encryption</h4>
|
||||
<p>Userbase won't show you what your users store in your web app. Yes, that's a feature, not a bug. Userbase spares
|
||||
you from the liability of handling user data by encrypting everything in the browser, using keys that always stay
|
||||
with the user.</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
@@ -31,8 +28,8 @@
|
||||
<div class="section">
|
||||
<h3 id="what-would-i-use-it">When would I use it?</h3>
|
||||
|
||||
<p>If you're building a web app, you will likely need a database. Userbase can replace your
|
||||
database... </p>
|
||||
<p>If you're building a web app, you will likely need a database and a backend. Userbase can replace both of those
|
||||
things... </p>
|
||||
<ul>
|
||||
<li>If you want to build a web app without writing any backend code.</li>
|
||||
<li>If you never want to see your users' data.</li>
|
||||
@@ -47,7 +44,8 @@
|
||||
<div class="section">
|
||||
<h3 id="how-do-i-start">How do I start?</h3>
|
||||
|
||||
<p>Userbase will be available around mid-December 2019. Enter your email to keep up to date.</p>
|
||||
<p>Userbase will be available around mid-December 2019. Enter your email to receive important updates in your inbox.
|
||||
</p>
|
||||
|
||||
<form method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank"
|
||||
class="validate text-center"
|
||||
@@ -58,7 +56,7 @@
|
||||
class="font-light text-sm h-10 p-2 border border-gray-500 outline-none w-64 rounded my-4 inline-block">
|
||||
|
||||
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"
|
||||
class="rounded-lg w-40 h-10 bg-yellowish font-bold cursor-pointer text-gray-900 inline-block relative"
|
||||
class="rounded-lg w-40 h-10 bg-yellowish font-bold cursor-pointer text-gray-900 inline-block relative text-lg"
|
||||
style="top: 1px;">
|
||||
|
||||
<div class="mc-status" class="hidden"></div>
|
||||
@@ -66,39 +64,42 @@
|
||||
<input type="text" name="b_e3b0fd293a0e6d7ea0080fafe_d0aae9dd3e" tabindex="-1" value=""></div>
|
||||
<div class="clear"></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3 id="pricing">How much will it cost?</h3>
|
||||
<h4 id="oss">Open source</h4>
|
||||
<p>Userbase is being developed in the open, and is <a href="https://github.com/encrypted-dev/userbase"
|
||||
target="_blank" rel="noopener noreferrer">100% open-source</a>, MIT licensed. You can modify and extend the
|
||||
backend to your liking, and run it yourself in your AWS account, always under your control.</p>
|
||||
<hr>
|
||||
|
||||
<h4 id="saas">As a service</h4>
|
||||
<p>Or for just $39/month you can go fully serverless, backendless, databaseless, and AWSless!</p>
|
||||
<ul>
|
||||
<li>Unlimited web apps.</li>
|
||||
<li>Unlimited users.</li>
|
||||
<li>1 GB storage included.</li>
|
||||
<li>Unlimited extra storage at $1/month per GB.</li>
|
||||
<li>All features included.</li>
|
||||
</ul>
|
||||
<div class="section">
|
||||
<h3 id="pricing">How much will it cost?</h3>
|
||||
<h4 id="oss">Open source</h4>
|
||||
<p>Userbase is being developed in the open, and is <a href="https://github.com/encrypted-dev/userbase" target="_blank"
|
||||
rel="noopener noreferrer">100% open-source</a>, MIT licensed. You can modify and extend the
|
||||
backend to your liking, and run it yourself in your AWS account, always under your control.</p>
|
||||
|
||||
</div>
|
||||
<h4 id="saas">As a service</h4>
|
||||
<p>Or for just $39/month you can go fully serverless, backendless, databaseless, and AWSless!</p>
|
||||
<ul>
|
||||
<li>Unlimited web apps.</li>
|
||||
<li>Unlimited users.</li>
|
||||
<li>1 GB storage included.</li>
|
||||
<li>Unlimited extra storage at $1/month per GB.</li>
|
||||
<li>All features included.</li>
|
||||
</ul>
|
||||
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3 id="about">Who's behind this?</h3>
|
||||
<hr>
|
||||
|
||||
<p>This product is the work of <a href="https://twitter.com/dvassallo" target="_blank"
|
||||
rel="noopener noreferrer">Daniel Vassallo</a> and <a href="https://twitter.com/justinberman95" target="_blank"
|
||||
rel="noopener noreferrer">Justin Berman</a>. We're a small independent business, structured to be lean,
|
||||
profitable, and sustainable. We're here for the long haul.
|
||||
</p>
|
||||
<div class="section">
|
||||
<h3 id="about">Who's behind this?</h3>
|
||||
|
||||
<p>If you have any questions, or there's anything we can do to help you with your web app, please <a
|
||||
href="mailto:daniel@encrypted.dev">get in touch</a>. Thank you!</p>
|
||||
</div>
|
||||
<p>This product is the work of <a href="https://twitter.com/dvassallo" target="_blank"
|
||||
rel="noopener noreferrer">Daniel Vassallo</a> and <a href="https://twitter.com/justinberman95" target="_blank"
|
||||
rel="noopener noreferrer">Justin Berman</a>. We're a small independent business, structured to be lean,
|
||||
profitable, and sustainable. We're here for the long haul.
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
<p>If you have any questions, or there's anything we can do to help you with your web app, please <a
|
||||
href="mailto:daniel@encrypted.dev">get in touch</a>. Thank you!</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
@@ -1,9 +1,6 @@
|
||||
<div class="section">
|
||||
<div class="flex justify-center">
|
||||
<a href="/"><img class="w-32 h-32" src="../img/icon.png"></a>
|
||||
<div class="flex justify-center mb-2">
|
||||
<a href="/"><img alt="Userbase" id="logo" src="../img/logo.png"></a>
|
||||
</div>
|
||||
<h1 class="font-logo">Userbase</h1>
|
||||
<h2>A database for frontend developers</h2>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<h2>A backend for frontend developers</h2>
|
||||
</div>
|
||||
@@ -3,7 +3,13 @@
|
||||
@tailwind components;
|
||||
|
||||
body {
|
||||
@apply pb-10 text-center;
|
||||
@apply pb-10 text-center text-xl;
|
||||
}
|
||||
|
||||
@screen sm {
|
||||
body {
|
||||
@apply text-2xl;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@@ -23,15 +29,41 @@ h1 {
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply text-center text-3xl leading-tight mt-1 tracking-tight;
|
||||
@apply text-center text-2xl leading-tight mt-1 tracking-tight;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply text-center font-black text-4xl tracking-tight;
|
||||
@apply text-center font-black text-3xl tracking-tight;
|
||||
}
|
||||
|
||||
h4 {
|
||||
@apply font-bold text-xl tracking-tight;
|
||||
@apply font-bold text-2xl tracking-tight;
|
||||
}
|
||||
|
||||
#logo {
|
||||
@apply w-64
|
||||
}
|
||||
|
||||
@screen sm {
|
||||
h1 {
|
||||
@apply text-6xl;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply text-4xl;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply text-5xl;
|
||||
}
|
||||
|
||||
h4 {
|
||||
@apply text-3xl;
|
||||
}
|
||||
|
||||
#logo {
|
||||
@apply w-96
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container mx-auto max-w-2xl px-4 text-blackish text-lg">
|
||||
<div class="container mx-auto max-w-4xl px-4 text-blackish">
|
||||
<%= require('html-loader!./partials/' + header + '.html') %>
|
||||
<%= require('html-loader!./pages/' + page + '.html') %>
|
||||
<%= require('html-loader!./partials/' + footer + '.html') %>
|
||||
|
||||
@@ -4,6 +4,11 @@ module.exports = {
|
||||
colors: {
|
||||
yellowish: '#ffe77a',
|
||||
blackish: '#1a2a30'
|
||||
},
|
||||
width: {
|
||||
'72': '18rem',
|
||||
'84': '21rem',
|
||||
'96': '24rem'
|
||||
}
|
||||
},
|
||||
fontFamily: {
|
||||
|
||||
Reference in New Issue
Block a user