+
+
)}
- {status === 'authenticated' && (
+ {Boolean(user) && (
<>
- Welcome, {data?.user.name}
- {data?.user.image ? ( -Welcome, {user?.user_metadata?.name}
+ {user?.user_metadata?.avatar_url ? ( ++ Discover a robust full-stack web development starter project built with TypeScript, Next.JS, Supabase, PostgreSQL, TailwindCSS, and Zustand! This project offers a powerful foundation for building modern web applications with ease, providing developers with optimized performance, easy-to-use APIs, customizable styling, and simplified state management. -
+ -
+
Zustand
TailwindCSS
Next-Auth
diff --git a/libs/actions.ts b/libs/actions.ts
new file mode 100644
index 0000000..cd26b2d
--- /dev/null
+++ b/libs/actions.ts
@@ -0,0 +1,42 @@
+'use server'
+
+import { redirect } from 'next/navigation'
+
+import { createClient } from './server'
+
+const getURL = () => {
+ let url = process?.env?.NEXT_PUBLIC_SITE_URL ?? 'http://localhost:3000/'
+
+ url = url.includes('http:') ? url : `https://${url}`
+
+ url = url.charAt(url.length - 1) === '/' ? url : `${url}/`
+
+ return url
+}
+
+export async function DiscordLogin() {
+ const supabase = createClient()
+
+ const { error, data } = await supabase.auth.signInWithOAuth({
+ provider: 'discord',
+ options: {
+ redirectTo: `${getURL()}auth/callback`,
+ },
+ })
+
+ if (error) {
+ console.log(error)
+ redirect('/error')
+ } else {
+ redirect(data.url)
+ }
+}
+
+export const handleLogout = async () => {
+ const supabase = createClient()
+ const { error } = await supabase.auth.signOut()
+
+ if (!error) {
+ redirect('/')
+ }
+}
diff --git a/libs/client.ts b/libs/client.ts
new file mode 100644
index 0000000..d0e5fb3
--- /dev/null
+++ b/libs/client.ts
@@ -0,0 +1,5 @@
+import { createBrowserClient } from '@supabase/ssr'
+
+export function createClient() {
+ return createBrowserClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)
+}
diff --git a/libs/middleware.ts b/libs/middleware.ts
new file mode 100644
index 0000000..2acc794
--- /dev/null
+++ b/libs/middleware.ts
@@ -0,0 +1,60 @@
+import { createServerClient, type CookieOptions } from '@supabase/ssr'
+import { NextResponse, type NextRequest } from 'next/server'
+
+export async function updateSession(request: NextRequest) {
+ let response = NextResponse.next({
+ request: {
+ headers: request.headers,
+ },
+ })
+
+ const supabase = createServerClient(
+ process.env.NEXT_PUBLIC_SUPABASE_URL!,
+ process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+ {
+ cookies: {
+ get(name: string) {
+ return request.cookies.get(name)?.value
+ },
+ set(name: string, value: string, options: CookieOptions) {
+ request.cookies.set({
+ name,
+ value,
+ ...options,
+ })
+ response = NextResponse.next({
+ request: {
+ headers: request.headers,
+ },
+ })
+ response.cookies.set({
+ name,
+ value,
+ ...options,
+ })
+ },
+ remove(name: string, options: CookieOptions) {
+ request.cookies.set({
+ name,
+ value: '',
+ ...options,
+ })
+ response = NextResponse.next({
+ request: {
+ headers: request.headers,
+ },
+ })
+ response.cookies.set({
+ name,
+ value: '',
+ ...options,
+ })
+ },
+ },
+ }
+ )
+
+ await supabase.auth.getUser()
+
+ return response
+}
diff --git a/libs/server.ts b/libs/server.ts
new file mode 100644
index 0000000..2f88868
--- /dev/null
+++ b/libs/server.ts
@@ -0,0 +1,24 @@
+import { createServerClient, type CookieOptions } from '@supabase/ssr'
+import { cookies } from 'next/headers'
+
+export function createClient() {
+ const cookieStore = cookies()
+
+ return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, {
+ cookies: {
+ get(name: string) {
+ return cookieStore.get(name)?.value
+ },
+ set(name: string, value: string, options: CookieOptions) {
+ try {
+ cookieStore.set({ name, value, ...options })
+ } catch (error) {}
+ },
+ remove(name: string, options: CookieOptions) {
+ try {
+ cookieStore.set({ name, value: '', ...options })
+ } catch (error) {}
+ },
+ },
+ })
+}
diff --git a/libs/supabase.ts b/libs/supabase.ts
deleted file mode 100644
index 26ca10e..0000000
--- a/libs/supabase.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createClient } from '@supabase/supabase-js'
-import { Database } from 'types/database.types'
-
-export const supabase = async (jwt_token: string) =>
- createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE!, {
- global: {
- headers: {
- Authorization: `Bearer ${jwt_token}`,
- },
- },
- })
diff --git a/middleware.ts b/middleware.ts
new file mode 100644
index 0000000..cb24c39
--- /dev/null
+++ b/middleware.ts
@@ -0,0 +1,10 @@
+import { NextRequest } from 'next/server'
+import { updateSession } from '@/libs/middleware'
+
+export async function middleware(request: NextRequest) {
+ return await updateSession(request)
+}
+
+export const config = {
+ matcher: ['/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)'],
+}
diff --git a/next-env.d.ts b/next-env.d.ts
index fd36f94..4f11a03 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,5 @@
///