lywsvip/supabase
1
0
Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-06-01 10:21:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

scale to bill (#28792)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

31
examples/auth/nextjs/components/tutorial/FetchDataSteps.tsx
View File

@@ -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>
);
)
}