auth-solid

Getting started

Recommended to use create-jd-app

npm install auth-solid@latest @auth/core@latest

Setting It Up

Generate auth secret, then set it as an environment variable:

export AUTH_SECRET=your-secret
export AUTH_TRUST_HOST=true

Creating the api handler

in this example we are using github so make sure to set the following environment variables:

export GITHUB_ID=your-github-id
export GITHUB_SECRET=your-github-secret

Now create a file called routes/api/auth/[...solidauth].ts with the following content:

// routes/api/auth/[...solidauth].ts
import { type ISolidAuthHandlerOpts, SolidAuth } from "auth-solid/dist/handler";
import GitHub from "@auth/core/providers/github";
import { serverEnv } from "~/env/server";

export const authOpts: ISolidAuthHandlerOpts = {
  providers: [
    GitHub({
      clientId: process.env.GITHUB_ID,
      clientSecret: process.env.GITHUB_SECRET,
    }),
  ],
  failureRedirect: "/",
  debug: false,
};

const handler = SolidAuth(authOpts);

export const GET = handler;
export const POST = handler;

Signing in and out

import { signIn, signOut } from "auth-solid/dist/utils";
const login = () => signIn("github");
const logout = () => signOut();

Getting the current session

import { getSession } from "auth-solid/dist/session";
import { createServerData$ } from "solid-start/server";
import { authOpts } from "~/routes/api/auth/[...solidauth]";

export const useSession = () => {
  return createServerData$(
    async (_, { request }) => {
      return await getSession(request, authOpts);
    },
    { key: () => ["auth_user"] }
  );
};

// useSession is a resource:
const session = useSession();
const loading = session.loading;
const user = () => session()?.user;