scale to bill (#28792)

* scale to billions

* update og image

* update og image
This commit is contained in:
Francesco Sansalvadore
2024-08-21 16:00:17 +02:00
committed by GitHub
parent 4f0a0b54a7
commit c172b6a516
16 changed files with 28 additions and 29 deletions
+1 -1
View File
@@ -17,7 +17,7 @@ const CTABanner = ({ darkerBg, className }: Props) => {
<div className="col-span-12">
<h2 className="h2">
<span className="text-foreground-lighter">Build in a weekend,</span>
<span className="text-foreground block sm:inline"> scale to millions</span>
<span className="text-foreground block sm:inline"> scale to billions</span>
</h2>
</div>
<div className="col-span-12 mt-4">
+1 -1
View File
@@ -68,7 +68,7 @@ const EventCallout = ({ className, size = 'tiny', ...props }: PropsWithChildren<
<span className="mx-3 pl-3 border-l">21 Aug 2024 at 8PM PST</span>
</div>
<span className="text-foreground text-3xl">Scale to Millions</span>
<span className="text-foreground text-3xl">Scale to Billions</span>
<p>
Quickly and cost effectively build Generative AI applications that you can use to
chat with your companys documents.
+1 -1
View File
@@ -28,7 +28,7 @@ const Hero = () => {
Build in a weekend
</span>
<span className="text-transparent bg-clip-text bg-gradient-to-br from-[#3ECF8E] via-[#3ECF8E] to-[#3ecfb2] block md:ml-0">
Scale to millions
Scale to billions
</span>
</h1>
<p className="pt-2 text-foreground my-3 text-sm sm:mt-5 lg:mb-0 sm:text-base lg:text-lg">
+1 -1
View File
@@ -9,7 +9,7 @@ export default {
Build in a weekend
</span>
<span className="text-transparent bg-clip-text bg-gradient-to-br from-[#3ECF8E] via-[#3ECF8E] to-[#3ecfb2] block md:ml-0">
Scale to millions
Scale to billions
</span>
</>
),
+1 -1
View File
@@ -235,7 +235,7 @@ docs.query(
<>
<span className="heading-gradient">Powerful Features</span>
<br />
<span className="text-brand">Scale to millions</span>
<span className="text-brand">Scale to billions</span>
</>
),
paragraph:
+1 -1
View File
@@ -104,7 +104,7 @@ export default function App({ Component, pageProps }: AppProps) {
site_name: 'Supabase',
images: [
{
url: `https://supabase.com${basePath}/images/og/og-image-v2.jpg`,
url: `https://supabase.com${basePath}/images/og/supabase-og.png`,
width: 800,
height: 600,
alt: 'Supabase Og Image',
+1 -1
View File
@@ -965,7 +965,7 @@ const Beta = (props: Props) => {
},
images: [
{
url: 'https://supabase.com/og/og-image-v2.jpg',
url: 'https://supabase.com/og/supabase-og.png',
},
],
}}
+1 -1
View File
@@ -38,7 +38,7 @@ function Blog(props: any) {
url: `https://supabase.com/${router.pathname}`,
images: [
{
url: `https://supabase.com/images/og/og-image-v2.jpg`,
url: `https://supabase.com/images/og/supabase-og.png`,
},
],
}}
+1 -1
View File
@@ -29,7 +29,7 @@ const Index = () => {
url: `https://supabase.com/${router.pathname}`,
images: [
{
url: `https://supabase.com/images/og/og-image-v2.jpg`,
url: `https://supabase.com/images/og/supabase-og.png`,
},
],
}}
+1 -1
View File
@@ -38,7 +38,7 @@ const Index = ({}: Props) => {
url: `https://supabase.com/${router.pathname}`,
images: [
{
url: `https://supabase.com/images/og/og-image-v2.jpg`,
url: `https://supabase.com/images/og/supabase-og.png`,
},
],
}}
+1 -1
View File
@@ -32,7 +32,7 @@ const OpenSource = () => {
url: `https://supabase.com/${router.pathname}`,
images: [
{
url: `https://supabase.com/images/og/og-image-v2.jpg`,
url: `https://supabase.com/images/og/supabase-og.png`,
},
],
}}
+1 -1
View File
@@ -62,7 +62,7 @@ export default function IndexPage() {
url: `https://supabase.com/${router.pathname}`,
images: [
{
url: `https://supabase.com/images/og/og-image-v2.jpg`,
url: `https://supabase.com/images/og/supabase-og.png`,
},
],
}}
+1 -1
View File
@@ -41,7 +41,7 @@ const Index = () => {
url: `https://supabase.com/${router.pathname}`,
images: [
{
url: `https://supabase.com/images/og/og-image-v2.jpg`,
url: `https://supabase.com/images/og/supabase-og.png`,
},
],
}}
Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

@@ -1,5 +1,5 @@
import Step from "./Step";
import Code from "./Code";
import Step from './Step'
import Code from './Code'
const create = `
create table notes (
@@ -12,7 +12,7 @@ values
('Today I created a Supabase project.'),
('I added some data and queried it from Next.js.'),
('It was awesome!');
`.trim();
`.trim()
const server = `
import { createClient } from '@/utils/supabase/server'
@@ -23,7 +23,7 @@ export default async function Page() {
return <pre>{JSON.stringify(notes, null, 2)}</pre>
}
`.trim();
`.trim()
const client = `
'use client'
@@ -45,14 +45,14 @@ export default function Page() {
return <pre>{JSON.stringify(notes, null, 2)}</pre>
}
`.trim();
`.trim()
export default function FetchDataSteps() {
return (
<ol className="flex flex-col gap-6">
<Step title="Create some tables and insert some data">
<p>
Head over to the{" "}
Head over to the{' '}
<a
href="https://supabase.com/dashboard/project/_/editor"
className="font-bold hover:underline text-foreground/80"
@@ -60,10 +60,9 @@ export default function FetchDataSteps() {
rel="noreferrer"
>
Table Editor
</a>{" "}
for your Supabase project to create a table and insert some example
data. If you're stuck for creativity, you can copy and paste the
following into the{" "}
</a>{' '}
for your Supabase project to create a table and insert some example data. If you're stuck
for creativity, you can copy and paste the following into the{' '}
<a
href="https://supabase.com/dashboard/project/_/sql/new"
className="font-bold hover:underline text-foreground/80"
@@ -71,7 +70,7 @@ export default function FetchDataSteps() {
rel="noreferrer"
>
SQL Editor
</a>{" "}
</a>{' '}
and click RUN!
</p>
<Code code={create} />
@@ -79,11 +78,11 @@ export default function FetchDataSteps() {
<Step title="Query Supabase data from Next.js">
<p>
To create a Supabase client and query data from an Async Server
Component, create a new page.tsx file at{" "}
To create a Supabase client and query data from an Async Server Component, create a new
page.tsx file at{' '}
<span className="px-2 py-1 rounded-md bg-foreground/20 text-foreground/80">
/app/notes/page.tsx
</span>{" "}
</span>{' '}
and add the following.
</p>
<Code code={server} />
@@ -91,9 +90,9 @@ export default function FetchDataSteps() {
<Code code={client} />
</Step>
<Step title="Build in a weekend and scale to millions!">
<Step title="Build in a weekend and scale to billions!">
<p>You're ready to launch your product to the world! 🚀</p>
</Step>
</ol>
);
)
}