diff --git a/pages/api/health.js b/pages/api/health.js new file mode 100644 index 0000000..19e355c --- /dev/null +++ b/pages/api/health.js @@ -0,0 +1,34 @@ +import { db } from '../../lib/supabase' + +export default async function handler(req, res) { + try { + // Test database connection + const users = await db.getUsers() + + res.status(200).json({ + status: 'healthy', + database: 'connected', + usersCount: Object.keys(users).length, + timestamp: new Date().toISOString(), + environment: { + hasSupabaseUrl: !!process.env.NEXT_PUBLIC_SUPABASE_URL, + hasSupabaseKey: !!process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY, + hasPusherKey: !!process.env.NEXT_PUBLIC_PUSHER_APP_KEY, + hasPusherCluster: !!process.env.NEXT_PUBLIC_PUSHER_CLUSTER + } + }) + } catch (error) { + console.error('Health check error:', error) + res.status(500).json({ + status: 'unhealthy', + error: error.message, + timestamp: new Date().toISOString(), + environment: { + hasSupabaseUrl: !!process.env.NEXT_PUBLIC_SUPABASE_URL, + hasSupabaseKey: !!process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY, + hasPusherKey: !!process.env.NEXT_PUBLIC_PUSHER_APP_KEY, + hasPusherCluster: !!process.env.NEXT_PUBLIC_PUSHER_CLUSTER + } + }) + } +} \ No newline at end of file diff --git a/pages/index.js b/pages/index.js index e385cb6..e7779e6 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,5 +1,6 @@ import Head from 'next/head' import dynamic from 'next/dynamic' +import { useState, useEffect } from 'react' // Dynamically import the chess app to avoid SSR issues with Pusher const ChessApp = dynamic(() => import('../components/ChessApp'), { @@ -16,6 +17,59 @@ const ChessApp = dynamic(() => import('../components/ChessApp'), { }) export default function Home() { + const [healthStatus, setHealthStatus] = useState(null) + const [loading, setLoading] = useState(true) + + useEffect(() => { + // Check API health on mount + fetch('/api/health') + .then(res => res.json()) + .then(data => { + setHealthStatus(data) + setLoading(false) + }) + .catch(error => { + console.error('Health check failed:', error) + setHealthStatus({ status: 'error', error: error.message }) + setLoading(false) + }) + }, []) + + if (loading) { + return ( +
+
+
🍄
+
Checking system health...
+
+
+ ) + } + + if (healthStatus?.status === 'unhealthy') { + return ( +
+
+
⚠️
+

System Error

+
+

Error: {healthStatus.error}

+

Environment Check:

+
    +
  • Supabase URL: {healthStatus.environment?.hasSupabaseUrl ? '✅' : '❌'}
    • +
  • Supabase Key: {healthStatus.environment?.hasSupabaseKey ? '✅' : '❌'}
    • +
  • Pusher Key: {healthStatus.environment?.hasPusherKey ? '✅' : '❌'}
    • +
  • Pusher Cluster: {healthStatus.environment?.hasPusherCluster ? '✅' : '❌'}
    • +
+
+

+ Please check your environment variables and database setup. +

+
+
+ ) + } + return ( <>