import { type NextPage } from "next"; import Head from "next/head"; import Link from "next/link"; import { signIn, signOut, useSession } from "next-auth/react"; import { api } from "~/utils/api"; import Navbar from "~/components/Navbar"; const Home: NextPage = () => { const hello = api.example.hello.useQuery({ text: "from tRPC" }); const { data: sessionData } = useSession(); 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..."}

); }; export default Home; const AuthShowcase: React.FC = () => { const { data: sessionData } = useSession(); const { data: secretMessage } = api.example.getSecretMessage.useQuery( undefined, // no input { enabled: sessionData?.user !== undefined }, ); return (

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

); };