Skip to content

Commit 54ceee3

Browse files
committed
Added images
1 parent 50a8e71 commit 54ceee3

10 files changed

+10
-9
lines changed

docs/guides/frameworks/supabase-edge-functions-database-webhooks.mdx

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -169,13 +169,11 @@ Follow the CLI instructions and once complete you should see your new edge funct
169169

170170
Next, in your Supabase dashboard, click on 'Table Editor' in the left-hand menu and create a new table. In this example we will call our table `skynet`.
171171

172-
173-
[How to create a new table]()
174-
172+
[How to create a new table](/images/supabase-new-table-1.png)
175173

176174
Add a new column called `name` with the type `text`.
177175

178-
[How to add a new column]()
176+
[How to add a new column](/images/supabase-new-table-2.png)
179177

180178
</Step>
181179

@@ -185,11 +183,11 @@ By default, Supabase edge functions require a JSON Web Token (JWT) in the author
185183

186184
In your Supabase dashboard, click 'Project settings', then the 'API' tab, and copy the `anon` `public` API key from the table.
187185

188-
[How to find your Supabase API keys]()
186+
[How to find your Supabase API keys](/images/supabase-api-key.png)
189187

190188
Then, go to 'Database' click on 'Webhooks', and then click 'Create a new hook'.
191189

192-
[How to create a new webhook]()
190+
[How to create a new webhook](/images/supabase-create-webhook-1.png)
193191

194192
Call the hook `edge-function-hook`:
195193

@@ -200,7 +198,8 @@ Call the hook `edge-function-hook`:
200198
5. Under 'Headers', add a new header with the key `Authorization` and the value `Bearer <your-api-key>` (replace `<your-api-key>` with the `anon` `public` API key you copied earlier).
201199
6. Click 'Create webhook'.
202200

203-
[How to configure the webhook]()
201+
[How to create a new webhook 2](/images/supabase-create-webhook-2.png)
202+
[How to create a new webhook 3](/images/supabase-create-webhook-3.png)
204203

205204
</Step>
206205

@@ -236,13 +235,15 @@ yarn dlx trigger.dev@beta deploy
236235

237236
Back in your Supabase dashboard, click on 'Table Editor' in the left-hand menu, and then click on the `skynet` table.
238237

238+
[How to insert a new row 1](/images/supabase-new-table-3.png)
239+
239240
Click 'insert', and add a new item under `name`, with the value `Sarah Connor`.
240241

241-
[How to insert a new row]()
242+
[How to insert a new row 2](/images/supabase-new-table-4.png)
242243

243244
Go back to your edge function dashboard, and you should see a new run of your `database-webhook` edge function, under 'Logs'.
244245

245-
[How to view the logs]()
246+
[How to view the logs](/images/supabase-logs.png)
246247

247248
Check your [cloud.trigger.dev](http://cloud.trigger.dev) dashboard and you should see a succesful `hello-world` task.
248249

docs/images/supabase-api-key.png

201 KB
Loading
176 KB
Loading
207 KB
Loading
124 KB
Loading

docs/images/supabase-logs.png

161 KB
Loading

docs/images/supabase-new-table-1.png

135 KB
Loading

docs/images/supabase-new-table-2.png

189 KB
Loading

docs/images/supabase-new-table-3.png

149 KB
Loading

docs/images/supabase-new-table-4.png

154 KB
Loading

0 commit comments

Comments
 (0)