From 7ca8d1c873c93a9d7ff702e71bb9454ca09e06b4 Mon Sep 17 00:00:00 2001
From: James Glenn <47917431+JR-G@users.noreply.github.com>
Date: Thu, 17 Oct 2024 13:47:58 +0100
Subject: [PATCH] docs: Sveltekit connect guide update (#28964)

docs: sveltekit connect guide update

Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
---
 .../Connect/content/sveltekit/supabasejs/content.tsx     | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/studio/components/interfaces/Home/Connect/content/sveltekit/supabasejs/content.tsx b/apps/studio/components/interfaces/Home/Connect/content/sveltekit/supabasejs/content.tsx
index 6f9468e2f18..7b058645c07 100644
--- a/apps/studio/components/interfaces/Home/Connect/content/sveltekit/supabasejs/content.tsx
+++ b/apps/studio/components/interfaces/Home/Connect/content/sveltekit/supabasejs/content.tsx
@@ -21,8 +21,8 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
       <ConnectTabContent value=".env.local">
         <SimpleCodeBlock className="bash" parentClassName="min-h-72">
           {`
-SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}
-SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}
+PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}
+PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}
         `}
         </SimpleCodeBlock>
       </ConnectTabContent>
@@ -31,9 +31,10 @@ SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}
         <SimpleCodeBlock className="js" parentClassName="min-h-72">
           {`
 import { createClient } from "@supabase/supabase-js";
+import { PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY } from "$env/static/public"
 
-const supabaseUrl = process.env.SUPABASE_URL;
-const supabaseKey = process.env.SUPABASE_ANON_KEY;
+const supabaseUrl = PUBLIC_SUPABASE_URL;
+const supabaseKey = PUBLIC_SUPABASE_ANON_KEY;
 
 export const supabase = createClient(supabaseUrl, supabaseKey);
         `}