HELP! Trying to build out the signup page and getting stuck

Questions about Thunkable Web API's
1

Im very new to buidling apps. And I have an idea im working on with thunkable. Im trying to create the sign up page and Im having big issues with the logic. i already have a database built with Supabase. But for whatever reason nothing is working. And I keep getting error message. This is with chatgpt says I should build this out.

When SignUpButton Clicked →
set SupaBaseAuth’s URL to “https://your-project-id.supabase.co” →
set SupaBaseAuth’s Headers to
create object with fields:
“apikey”: “your-supabase-api-key”,
“Content-Type”: “application/json”
set SupaBaseAuth’s Body to
create object with fields:
“email”: “get text from EmailInput”,
“password”: “get text from PasswordInput”
call SupaBaseAuth’s Post with path “/auth/v1/signup” →
outputs response, status, error →
when Post is done →
if response is successful →
navigate to ProfileSetup
else →
show alert “Error: [error]”

But this isnt working at all. I keep getting the same error message. Keep in mind, I have no prior experience with this. Im entering the API KEY from Supabase within the create object fields. i dont know if there is something on Supabase end that is causing this. Please help

2

When something isn’t working in Thunkable, it’s best to provide a screenshot (or a link to your project). In this case, we also need to know what the error is – if any – and what the response is. Those green blocks can be assigned to labels or text inputs (the advantage with text inputs is that you can copy the text and then paste it here) so you can see the values when previewing your project.

3

The error message I get is

“Internal error generating code for blocks
Please notify Thunkable support. You can undo your latest change to avoid this error”

image (33)
image (33)1832×594 69.8 KB

4

That has nothing to do with the API call or response. That means that you’ve connected or configured blocks that are invalid in Thunkable. It appears that you created objects with the property:value pair as the property. The property names should be email and password. No quotes, no other text. Those empty puzzle pieces need a value. So you would typically place a text block, text input, or a variable block in each one.

Here’s an example of what that might look like:

image
image389×129 3.9 KB

5

Ohhhhh, I think I see what you are saying. Here is the revised version. I appreciate your patience. The learning curve is a bit steep for me.

image (34)
image (34)1818×504 74 KB

1 Like
6

Also is it possible to add a path to the “Call supabaseauth’s post” block. That is what chat GPT is telling me to do. But I dont see space to do that

7

I’m not sure what you mean by a path. Do you mean a url? Can you give an example of a path?

8

call SupBaseAuth’s Post with path “/auth/v1/signup” → outputs response, status, error → when Post is done → if response is successful → navigate to ProfileSetup else → show alert “Error: [error]”

—

### Key Fixes Needed

1. Base URL:
** * Use only https://ndoajmtipuvxthugygi.supabase.co (remove /auth/v1...).**
** * The endpoint path (/auth/v1/signup) goes in the Post block’s path field.**

I Have been trying to tell it that there isnt a path field. But for whatever reason, that’s were it wants me to place it.

9

Maybe try this (according to ChatGPT 03-mini):

Since Thunkable’s POST call doesn’t have a separate field for the endpoint path, you’ll need to combine the base URL and the endpoint path into a single URL. For example, instead of splitting them up, set the URL field in your POST call to:

https://ndoajmtipuvxthugygi.supabase.co/auth/v1/signup

This way, both the base URL and the endpoint path are included together.

10

I so, so appreciate you!!!
I will have a TON of questions. I appreciate your patience.

1 Like