solidjs.com

createSessionStorage

createSessionStorage creates a server-side session storage that persists session-id in a cookie.
tsx
const storage = createSessionStorage(storageOptions);
tsx
const storage = createSessionStorage(storageOptions);

Usage

Creating a SessionStorage

tsx
import { createSessionStorage } from 'solid-start';
 
const storage = createSessionStorage({
  cookie: {
    name: "session",
    secure: import.meta.env.PROD,
    secrets: [import.meta.env.VITE_SESSION_SECRET],
    sameSite: "lax",
    path: "/",
    maxAge: 60 * 60 * 24 * 30, // 30 days
    httpOnly: true
  },
  async createData(data, expires) {
    return db.sessions.create({ data: { ...data, expires } })
  },
  async updateData(id, data, expires) {
    return db.sessions.update({ where: { id }, data: { ...data, expires } });
  },
  async deleteData(id) {
    return db.sessions.delete({ where: { id } });
  },
  async readData(id) {
    return db.sessions.findUnique({ where: { id } });
  }
});
tsx
import { createSessionStorage } from 'solid-start';
 
const storage = createSessionStorage({
  cookie: {
    name: "session",
    secure: import.meta.env.PROD,
    secrets: [import.meta.env.VITE_SESSION_SECRET],
    sameSite: "lax",
    path: "/",
    maxAge: 60 * 60 * 24 * 30, // 30 days
    httpOnly: true
  },
  async createData(data, expires) {
    return db.sessions.create({ data: { ...data, expires } })
  },
  async updateData(id, data, expires) {
    return db.sessions.update({ where: { id }, data: { ...data, expires } });
  },
  async deleteData(id) {
    return db.sessions.delete({ where: { id } });
  },
  async readData(id) {
    return db.sessions.findUnique({ where: { id } });
  }
});

Reading the session data of the current request

tsx
async function getUserId(request: Request) {
  const session = await storage.getSession(
    request.headers.get('Cookie')
  );
 
  const userId = session.get('userId');
  return userId;
}
tsx
async function getUserId(request: Request) {
  const session = await storage.getSession(
    request.headers.get('Cookie')
  );
 
  const userId = session.get('userId');
  return userId;
}

Writing the session data for the current request

tsx
async function login(request: Request, userId: string) {
  const session = await storage.getSession(
    request.headers.get('Cookie')
  );
  session.set('userId', userId);
  const response = new Response('Logged in', {
    headers: {
      'Set-Cookie': await storage.commitSession(session)
    }
  });
}
tsx
async function login(request: Request, userId: string) {
  const session = await storage.getSession(
    request.headers.get('Cookie')
  );
  session.set('userId', userId);
  const response = new Response('Logged in', {
    headers: {
      'Set-Cookie': await storage.commitSession(session)
    }
  });
}

Deleting the session data for the current request

tsx
import { redirect } from 'solid-start';
 
async function logout(request: Request) {
  const session = await storage.getSession(
    request.headers.get('Cookie')
  );
 
  return redirect("/login", {
    headers: {
      "Set-Cookie": await storage.destroySession(session)
    }
  });
}
tsx
import { redirect } from 'solid-start';
 
async function logout(request: Request) {
  const session = await storage.getSession(
    request.headers.get('Cookie')
  );
 
  return redirect("/login", {
    headers: {
      "Set-Cookie": await storage.destroySession(session)
    }
  });
}

Creating a new session

tsx
async function signUp(request: Request, userId: string) {
  const session = await storage.getSession();
  session.set("userId", userId);
  return new Response('Signed Up', {
    headers: {
      "Set-Cookie": await storage.commitSession(session)
    }
  });
}
tsx
async function signUp(request: Request, userId: string) {
  const session = await storage.getSession();
  session.set("userId", userId);
  return new Response('Signed Up', {
    headers: {
      "Set-Cookie": await storage.commitSession(session)
    }
  });
}