Merge pull request #8067 from supabase/dng-docs-landing-page-updates

Switch to 3 column layout for features + copy edits
This commit is contained in:
Copple authored and GitHub committed 2022-08-04 11:00:40 +02:00
commit f89c59dee4
1 file changed
+13 -12
+13 -12
View File
@@ -56,14 +56,17 @@ const frameworks = [
{ name: 'Vue', logo: VuejsLogo, href: '/docs/guides/with-vue-3' },
]
Supabase is an open source Firebase alternative.
Supabase is an open source Firebase alternative providing all the backend features you need to build a product.
You can use it completely, or just the features you need.
It provides all the backend services you need to build a product. You can use it completely, or just the services you require:
[Start a project](https://app.supabase.com) with the hosted platform or learn how to [host Supabase](/docs/guides/hosting/overview) yourself.
## Learn about features
<div class="container" style={{ padding: 0 }}>
<div class="row is-multiline">
{/* Database */}
<div class="col col--6">
<div class="col col--4">
<Link class="card" to="/docs/guides/database" style={{ height: '100%' }}>
<div class="card__body">
<h4>Database</h4>
@@ -72,7 +75,7 @@ It provides all the backend services you need to build a product. You can use it
</Link>
</div>
{/* API */}
<div class="col col--6">
<div class="col col--4">
<Link class="card" to="/docs/guides/api" style={{ height: '100%' }}>
<div class="card__body">
<h4>Auto-generated APIs</h4>
@@ -81,16 +84,16 @@ It provides all the backend services you need to build a product. You can use it
</Link>
</div>
{/* Functions */}
<div class="col col--6">
<div class="col col--4">
<Link class="card" to="/docs/guides/functions" style={{ height: '100%' }}>
<div class="card__body">
<h4>Edge Functions</h4>
<p>Server-side Typescript functions, distributed globally.</p>
<p>Server-side functions, distributed globally.</p>
</div>
</Link>
</div>
{/* Auth */}
<div class="col col--6">
<div class="col col--4">
<Link class="card" to="/docs/guides/auth" style={{ height: '100%' }}>
<div class="card__body">
<h4>Auth</h4>
@@ -99,7 +102,7 @@ It provides all the backend services you need to build a product. You can use it
</Link>
</div>
{/* Storage */}
<div class="col col--6">
<div class="col col--4">
<Link class="card" to="/docs/guides/storage" style={{ height: '100%' }}>
<div class="card__body">
<h4>File Storage</h4>
@@ -108,7 +111,7 @@ It provides all the backend services you need to build a product. You can use it
</Link>
</div>
{/* Observability */}
<div class="col col--6">
<div class="col col--4">
<Link class="card" to="/docs/guides/platform/logs" style={{ height: '100%' }}>
<div class="card__body">
<h4>Observability</h4>
@@ -120,9 +123,7 @@ It provides all the backend services you need to build a product. You can use it
</div>
</div>
## Getting started
Visit [app.supabase.com](https://app.supabase.com) to get started with the hosted platform or visit the [self-hosting](/docs/guides/hosting/overview) docs to learn how to host Supabase yourself.
## Start with a framework
Supabase is just Postgres, which makes it compatible with a large number of tools and frameworks.