Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

auth-test.tsx 817B

12345678910111213141516171819202122232425262728293031
  1. import Head from 'next/head'
  2. import { signIn, signOut, getSession, useSession } from 'next-auth/client'
  3. import { GetServerSidePropsContext } from 'next'
  4. export default function Home() {
  5. const [session, loading] = useSession()
  6. return (
  7. <>
  8. <Head>
  9. <title>tldraw</title>
  10. </Head>
  11. <div>
  12. <button onClick={() => signIn()}>Sign In</button>
  13. <button onClick={() => signOut()}>Sign Out</button>
  14. <p>{loading && 'Loading...'}</p>
  15. <pre>{JSON.stringify(session, null, 2)}</pre>
  16. {session && <p>Hey, you made it! Thanks for sponsoring me.</p>}
  17. </div>
  18. </>
  19. )
  20. }
  21. export async function getServerSideProps(context: GetServerSidePropsContext) {
  22. const session = await getSession(context)
  23. return {
  24. props: {
  25. ssrSession: session,
  26. },
  27. }
  28. }