import { signIn, signOut, useSession } from "next-auth/react"; import Head from "next/head"; import Link from "next/link"; import { api } from "~/utils/api"; import styles from "./index.module.css"; export default function Home() { const hello = api.post.hello.useQuery({ text: "from tRPC" }); return ( <> Create T3 App

Create T3 App

First Steps →

Just the basics - Everything you need to know to set up your database and authentication.

Documentation →

Learn more about Create T3 App, the libraries it uses, and how to deploy it.

{hello.data ? hello.data.greeting : "Loading tRPC query..."}

); } function AuthShowcase() { const { data: sessionData } = useSession(); const { data: secretMessage } = api.post.getSecretMessage.useQuery( undefined, // no input { enabled: sessionData?.user !== undefined } ); return (

{sessionData && Logged in as {sessionData.user?.name}} {secretMessage && - {secretMessage}}

); }