3Edit Web Builder iconGuide 3 of 9

Create and connect your Supabase account.

Two short parts with screenshots: create your free Supabase account and organisation, then connect it to your store. 3Edit creates the database and all its tables for you.

About 10 minutesLast updated

Part 1 of 2

Create your free Supabase account

Step 1 of 9

Open Supabase

Go to supabase.com and press Start your project. A Supabase account is free, and it is where your store’s database will live: its products, orders and customer accounts, in an account that belongs to you.

The supabase.com home page, with the Start your project button highlighted
Step 2 of 9

Enter your email and a password

On the sign-up page, type the email address you want to use and choose a password. You can also continue with GitHub if you prefer.

The Supabase Get started page, with the Email and Password fields highlighted
Step 3 of 9

Press Sign up

When every password tick is green, press Sign up.

The Supabase sign-up form filled in, with the password checks ticked and the Sign up button highlighted
Step 4 of 9

Check your email

Supabase sends you a link to finish signing up. Open your inbox: the link works for 10 minutes.

The Supabase page saying Check your email, highlighted, after pressing Sign up
Step 5 of 9

Confirm your email address

Open the email from Supabase and press Confirm Email Address. Supabase then opens in your browser, signed in.

The Supabase confirmation email, with the Confirm Email Address button highlighted
Step 6 of 9

Create your organisation

Give your organisation a name, such as your business or website name, keep the Free plan, and press Create organization. 3Edit connects to this organisation. Supabase explains organisations and their members in Supabase: access control.

The Supabase Create a new organization form, with the Name field and the Create organization button highlighted
Step 7 of 9

New project: press Cancel (recommended)

Supabase now offers to create a project. Press Cancel: 3Edit creates the database for your store when you connect, with everything set up for you. This is the recommended way.

The Supabase Create a new project form, with the Cancel button highlighted
Step 8 of 9

Or create a project yourself

Would you rather make the project yourself? Fill in the form and press Create new project. Later, in 3Edit, you choose it under Your existing databases.

The Supabase Create a new project form filled in, with the Create new project button highlighted
Step 9 of 9

Your Supabase account is ready

Your account and organisation are ready: the organisation shows at the top left of the Projects page. Now connect Supabase to 3Edit in part 2.

The empty Supabase Projects page, with the organisation name at the top left highlighted
Part 2 of 2

Connect Supabase to 3Edit

Step 1 of 11

Your store needs a database

Your store keeps its orders and customer accounts in a database. In 3Edit, the chat shows This project needs a database: press Connect your own Supabase.

The 3Edit app with a store open, and the Connect your own Supabase button in the chat highlighted
Step 2 of 11

Stay signed in to Supabase in your browser

Keep supabase.com signed in to your account in your usual browser. 3Edit opens Supabase there to ask for your permission.

The Supabase Projects page in the browser, signed in, with the organisation highlighted at the top left
Step 3 of 11

The Supabase button

You can also use the lightning button at the top of the chat, Connect your Supabase, at any time.

The top of the 3Edit chat, with the lightning button highlighted and its label Connect your Supabase
Step 4 of 11

Press Connect your own Supabase

The Your Supabase panel opens. Press Connect your own Supabase: 3Edit creates your store’s tables in your own Supabase, so your data stays in your control.

The 3Edit Your Supabase panel, with the Connect your own Supabase button highlighted
Step 5 of 11

Choose Connect with Supabase

Choose Connect with Supabase. You sign in once and 3Edit sets everything up for you.

The 3Edit Connect a database window, with the Connect with Supabase option highlighted
Step 6 of 11

Check your organisation, then Authorize 3Edit

Your browser opens Supabase. Check that the organisation is the one you created in part 1, then press Authorize 3Edit.

The Supabase Authorize 3Edit page, with the organisation choice and the Authorize 3Edit button highlighted
Step 7 of 11

Connected: go back to 3Edit

The browser shows Connected: you’re all set. Go back to the 3Edit app to carry on.

A browser page with the 3Edit logo and the word Connected, highlighted, saying You’re all set. Go back to 3Edit to keep building
Step 8 of 11

Choose Create a new database

Back in 3Edit, choose Create a new database, the recommended choice: 3Edit sets it up completely. If you made a project yourself in part 1, choose it under Your existing databases instead.

The 3Edit Choose a database window, with Create a new database highlighted and an existing database listed below
Step 9 of 11

Tick the box, then Create database

Give the database a Name only you will see, and keep the Location closest to you, or pick the one closest to most of your customers: it can’t be changed later. Tick the box, then press Create database.

The 3Edit Create a new database window, with the confirmation tick box and the Create database button highlighted
Step 10 of 11

Creating your database

3Edit creates your database and its tables, and ticks off each stage as it goes. This can take a minute or two, and you can leave the window open while it finishes.

The 3Edit window showing the progress of creating the database, highlighted, with each finished step ticked
Step 11 of 11

Supabase connected

Your store is connected: the chat shows Supabase connected. Next, create your account in the store preview and sign in to your store admin.

The 3Edit app with the store open, with Supabase connected in the chat highlighted

Good to know

  • Supabase’s free plan includes two active free databases at a time. For more, see Supabase pricing.
  • The database is yours: it lives in your own Supabase account, and you can open it there at any time.
  • New to Supabase? Supabase: getting started is a friendly tour of what it can do.

Start vibe coding today.

Download 3Edit for Mac or Windows and build your first professional website in minutes.

Download now
macOSWindows