mirror of
https://github.com/supabase/supabase.git
synced 2026-05-06 08:56:46 -04:00
scale to bill (#28792)
* scale to billions * update og image * update og image
This commit is contained in:
committed by
GitHub
parent
4f0a0b54a7
commit
c172b6a516
@@ -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">
|
||||
|
||||
@@ -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 company’s documents.
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
</>
|
||||
),
|
||||
|
||||
@@ -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:
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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',
|
||||
},
|
||||
],
|
||||
}}
|
||||
|
||||
@@ -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`,
|
||||
},
|
||||
],
|
||||
}}
|
||||
|
||||
@@ -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`,
|
||||
},
|
||||
],
|
||||
}}
|
||||
|
||||
@@ -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`,
|
||||
},
|
||||
],
|
||||
}}
|
||||
|
||||
@@ -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`,
|
||||
},
|
||||
],
|
||||
}}
|
||||
|
||||
@@ -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`,
|
||||
},
|
||||
],
|
||||
}}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user