Components

TurboStart provides a set of components to help you add authentication to your project.

  • SignedIn - Show content only when the user is signed in.
  • SignedOut - Show content only when the user is signed out.

SignedIn

import { SignedIn } from "@/components/turbostart/auth/signed-in";

export default function Home() {
  return <SignedIn>You are signed in.</SignedIn>;
}

SignedOut

import { SignedOut } from "@/components/turbostart/auth/signed-out";

export default function Home() {
  return <SignedOut>You are signed out.</SignedOut>;
}

This documentation is a work in progress. I will be adding more content soon. I try to create a documentation entry for every question I get.

If you have any questions, please reach out to me on Twitter @checkerschaf. I’m happy to help!