Use Supabase with React
Learn how to create a Supabase project, add some sample data to your database, and query the data from a React app.
Create a React app
Create a React app using a Vite template.
Install the Supabase client library
The fastest way to get started is to use the
supabase-js client library which provides a convenient interface for working with Supabase from a React app.
Navigate to the React app and install
Query data from the app
App.jsx, create a Supabase client using your project URL and public API (anon) key:
getCountries function to fetch the data and display the query result to the page.
Start the app
Start the app, go to http://localhost:5173 in a browser, and open the browser console and you should see the list of countries.