An open API service indexing awesome lists of open source software.

https://github.com/killshot13/supabase-quickstart-react

Created with CodeSandbox
https://github.com/killshot13/supabase-quickstart-react

Last synced: 10 months ago
JSON representation

Created with CodeSandbox

Awesome Lists containing this project

README

          

# supabase-quickstart-react

## **Working example**

### How to use

1. Download the example [or clone the repo](https://github.com/killshot13/supabase-quickstart-react):

```sh
curl https://codeload.github.com/killshot13/supabase-quickstart-react/tar.gz/main | tar -xz
cd supabase-quickstart-react-main
```

2. Install it and run:

```sh
npm install
npm start
```

or:

[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/killshot13/supabase-quickstart-react)

3. Sign up for a [free Supabase account](https://app.supabase.com)

4. Use the [quickstart guide](https://supabase.com/docs/guides/with-react) to learn how to create your own Supabase instance complete with an API key.

5. Replace the generic placeholder text with your API URL and anon key as environment variables in the .env file.

6. Enter an email address of your choosing into the running application and experience the magic!

## The idea behind the example (per the Supabase documentation)

> This example provides the steps to build a basic user management app. It includes:
>
>- Supabase Database: a Postgres database for storing your user data.
>- Supabase Auth: users can sign in with magic links (no passwords, only email)
>- Supabase Storage: users can upload a photo.
>- Row Level Security: data is protected so that individuals can only access their own data.
>- Instant APIs: APIs will be automatically generated when you create your database tables.
>
> By the end of this guide you'll have an app which allows users to login and update some basic profile details."