nyx-dashboard/pages/index.js

import { Typography } from '@material-ui/core'
import CardContainer from '../components/CardContainer'
import { useSession } from 'next-auth/client'

export default function Home() {

  const [session, loading] = useSession()

  return (
  
  <>
    {!session && <>
      <h1>Seems like you&apos;re not logged in. Log in to get started!</h1>
    </>
  }
  {session && <>
      <h1>Welcome {session.user.name}!</h1>
      <div className='grid'>
        <CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
        <CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
        <CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
        <CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
        <CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
      </div>
    </>
  }
  </>
  )
}