Hono Supabase Auth Example

Based on the Hono/JSX + Vite example by @MathurAditya724 \o/

This example shows how to use Supabase Auth both on the client and server side with Hono.

Supabase setup

• Create a new Supabase project at database.new
• Go to the SQL Editor and run the following query to create the countries table.

-- Create the table
create table countries (
  id bigint primary key generated always as identity,
  name text not null
);
-- Insert some sample data into the table
insert into countries (name)
values
  ('Canada'),
  ('United States'),
  ('Mexico');

alter table countries enable row level security;

• In a new query, create the following access policy.

create policy "authenticated users can read countries"
on public.countries
for select to authenticated
using (true);

• Enable anonymous sign-ins in the Auth settings.

Setup

• Run npm install to install the dependencies.
• Run cp .env.example .env.
• Set the required environment vairables in your .env file.

Commands

Run the vite dev server

npm run dev

Building

npm run build

This project is configured to use node runtime, you can change it to your desired runtime in the vite.config.js file. We are using @hono/vite-build package for building the project and @hono/vite-dev-server for running the dev server.