{props.children}
-
- Failed to fetch user!
+ )}
+ {data && !error ? (
+ <>
+
+ User data retrieved server-side (in API route):
+
+
+
+
+
+ ) : (
+
+
+ SSR example with getServerSideProps
+
+
+
+ )}
+
+ )
+ }
+
+ return (
+
-
+ Log out
+
+ {error && (
+
-
- setUsername(e.target.value)}
- />
-
-
-
- setPassword(e.target.value)}
+ const View = () => {
+ if (!user)
+ return (
+
+
+ )
-
-
+ 
+
+ Welcome to Supabase Auth
+
+
+
- {
- e.preventDefault()
- handleLogin('SIGNUP', username, password)
- }}
- href={'/channels'}
- className="bg-indigo-700 hover:bg-teal text-white py-2 px-4 rounded text-center transition duration-150 hover:bg-indigo-600 hover:text-white"
- >
- Sign up
-
- {
- e.preventDefault()
- handleLogin('LOGIN', username, password)
- }}
- href={'/channels'}
- className="border border-indigo-700 text-indigo-700 py-2 px-4 rounded w-full text-center transition duration-150 hover:bg-indigo-700 hover:text-white"
+ return (
+
+ {authView === 'update_password' && (
+ You're signed in
+ Email: {user.email}
+
+ }
+ type="outline"
+ onClick={() => supabase.auth.signOut()}
>
- Login
-
-
- {JSON.stringify(data, null, 2)}
+ Loading...
+ )}
+
+
+
+
)
}
-export default Home
+export default Index
diff --git a/examples/with-supabase-auth-realtime-db/pages/profile.js b/examples/with-supabase-auth-realtime-db/pages/profile.js
new file mode 100644
index 000000000000000..27c9206c2360c86
--- /dev/null
+++ b/examples/with-supabase-auth-realtime-db/pages/profile.js
@@ -0,0 +1,41 @@
+import Link from 'next/link'
+import { Card, Typography, Space } from '@supabase/ui'
+import { supabase } from '../utils/initSupabase'
+
+export default function Profile({ user }) {
+ return (
+
+
+
+ You're signed in
+ Email: {user.email}
+
+ User data retrieved server-side (from Cookie in getServerSideProps):
+
+
+
+
+
+
+
+ Static example with useSWR
+
+
+
+
+
+ )
+}
+
+export async function getServerSideProps({ req }) {
+ const { user } = await supabase.auth.api.getUserByCookie(req)
+
+ if (!user) {
+ // If no user, redirect to index.
+ return { props: {}, redirect: { destination: '/', permanent: false } }
+ }
+
+ // If there is a user, return it.
+ return { props: { user } }
+}
diff --git a/examples/with-supabase-auth-realtime-db/postcss.config.js b/examples/with-supabase-auth-realtime-db/postcss.config.js
deleted file mode 100644
index 33ad091d26d8a9d..000000000000000
--- a/examples/with-supabase-auth-realtime-db/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
- plugins: {
- tailwindcss: {},
- autoprefixer: {},
- },
-}
diff --git a/examples/with-supabase-auth-realtime-db/style.css b/examples/with-supabase-auth-realtime-db/style.css
new file mode 100644
index 000000000000000..f1bf15cc288350a
--- /dev/null
+++ b/examples/with-supabase-auth-realtime-db/style.css
@@ -0,0 +1,4 @@
+body {
+ background: #3d3d3d;
+ font-family: Helvetica, Arial, Sans-Serif;
+}
diff --git a/examples/with-supabase-auth-realtime-db/styles/style.scss b/examples/with-supabase-auth-realtime-db/styles/style.scss
deleted file mode 100644
index e6f0385abc07877..000000000000000
--- a/examples/with-supabase-auth-realtime-db/styles/style.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-@import '~tailwindcss/dist/base.css';
-@import '~tailwindcss/dist/components.css';
-@import '~tailwindcss/dist/utilities.css';
-
-html,
-body,
-#__next,
-.main {
- max-height: 100vh;
- height: 100vh;
- margin: 0;
- padding: 0;
- overflow: hidden;
-}
-.channel-list {
- li a:before {
- content: '# ';
- opacity: 0.5;
- }
- li a:hover {
- opacity: 0.9;
- }
-}
-.Messages {
- overflow: auto;
- display: flex;
- flex-direction: column-reverse;
-}
diff --git a/examples/with-supabase-auth-realtime-db/tailwind.config.js b/examples/with-supabase-auth-realtime-db/tailwind.config.js
deleted file mode 100644
index c00fe06cdbeb286..000000000000000
--- a/examples/with-supabase-auth-realtime-db/tailwind.config.js
+++ /dev/null
@@ -1,11 +0,0 @@
-module.exports = {
- purge: ['./pages/**/*.js', './components/**/*.js'],
- darkMode: false, // or 'media' or 'class'
- theme: {
- extend: {},
- },
- variants: {
- extend: {},
- },
- plugins: [],
-}
diff --git a/examples/with-supabase-auth-realtime-db/utils/initSupabase.js b/examples/with-supabase-auth-realtime-db/utils/initSupabase.js
new file mode 100644
index 000000000000000..75092fc556cd9fa
--- /dev/null
+++ b/examples/with-supabase-auth-realtime-db/utils/initSupabase.js
@@ -0,0 +1,6 @@
+import { createClient } from '@supabase/supabase-js'
+
+export const supabase = createClient(
+ process.env.NEXT_PUBLIC_SUPABASE_URL,
+ process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
+)
{JSON.stringify(user, null, 2)}
+