From 7a68149d15f81efd2d45f3c6a5ca3dc193b7a418 Mon Sep 17 00:00:00 2001 From: Viktor Eriksson Date: Mon, 27 Nov 2023 13:48:00 -0700 Subject: [PATCH] Update README.md with instructions for Vite instead of Create React App (#19082) --- .../user-management/react-user-management/README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/examples/user-management/react-user-management/README.md b/examples/user-management/react-user-management/README.md index dc81b1490a6..2558398f129 100644 --- a/examples/user-management/react-user-management/README.md +++ b/examples/user-management/react-user-management/README.md @@ -1,4 +1,4 @@ -# Supabase Create React App User Management +# Supabase Vite User Management 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. @@ -7,12 +7,12 @@ This demonstrates how to use: - User signups using Supabase [Auth](https://supabase.com/auth). - User avatar images using Supabase [Storage](https://supabase.com/storage). - Public profiles restricted with [Policies](https://supabase.com/docs/guides/auth#policies). -- Frontend using [Create React App](https://reactjs.org/docs/create-a-new-react-app.html). +- Frontend using [Vite](https://vitejs.dev/). ## Technologies used - Frontend: - - [Create React App](https://reactjs.org/docs/create-a-new-react-app.html) - a React toolchain. + - [Vite](https://vitejs.dev/) - a React toolchain. - [Supabase.js](https://supabase.com/docs/library/getting-started) for user management and realtime data syncing. - Backend: - [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 Create a file in this folder `.env.local` ``` -REACT_APP_SUPABASE_URL= -REACT_APP_SUPABASE_ANON_KEY= +VITE_SUPABASE_URL= +VITE_SUPABASE_ANON_KEY= ``` Populate this file with your URL and Key. ### 5. Run the application -Run the application: `npm run start`. Open your browser to `https://localhost:3000/` and you are ready to go 🚀. +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 🚀. ## Supabase details