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.