You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: examples/user-management/react-user-management/README.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,4 @@
1
-
# Supabase Create React App User Management
1
+
# Supabase Vite User Management
2
2
3
3
This example will set you up for a very common situation: users can sign up with a magic link and then update their account with public profile information, including a profile image.
4
4
@@ -7,12 +7,12 @@ This demonstrates how to use:
7
7
- User signups using Supabase [Auth](https://supabase.com/auth).
8
8
- User avatar images using Supabase [Storage](https://supabase.com/storage).
9
9
- Public profiles restricted with [Policies](https://supabase.com/docs/guides/auth#policies).
10
-
- Frontend using [Create React App](https://reactjs.org/docs/create-a-new-react-app.html).
10
+
- Frontend using [Vite](https://vitejs.dev/).
11
11
12
12
## Technologies used
13
13
14
14
- Frontend:
15
-
-[Create React App](https://reactjs.org/docs/create-a-new-react-app.html) - a React toolchain.
15
+
-[Vite](https://vitejs.dev/) - a React toolchain.
16
16
-[Supabase.js](https://supabase.com/docs/library/getting-started) for user management and realtime data syncing.
17
17
- Backend:
18
18
-[supabase.com/dashboard](https://supabase.com/dashboard/): hosted Postgres database with restful API for usage with Supabase.js.
@@ -42,15 +42,15 @@ The `anon` key is your client-side API key. It allows "anonymous access" to your
42
42
Create a file in this folder `.env.local`
43
43
44
44
```
45
-
REACT_APP_SUPABASE_URL=
46
-
REACT_APP_SUPABASE_ANON_KEY=
45
+
VITE_SUPABASE_URL=
46
+
VITE_SUPABASE_ANON_KEY=
47
47
```
48
48
49
49
Populate this file with your URL and Key.
50
50
51
51
### 5. Run the application
52
52
53
-
Run the application: `npm run start`. Open your browser to `https://localhost:3000/` and you are ready to go 🚀.
53
+
Run the application: `npm run dev`. Open your browser to the url indicated in the CLI (eg `https://localhost:5173/`) and you are ready to go 🚀.
0 commit comments