trying to use same types in both apps

backend/src/api.ts

···
 						{ concurrency: "unbounded" },
 					);
 
-					return yield* Schema.decodeUnknown(Album)({
+					return yield* Schema.decodeUnknown(Schema.Struct({ ...Album.fields, songs: Schema.Undefined }))({
 						...row,
 						artists,
 					});

backend/src/types.ts

···
 	id: AlbumId,
 	title: Schema.NonEmptyString,
 	artists: Schema.Array(Artist),
-	songs: Schema.optional(Schema.Array(Song)),
+	songs: Schema.Array(Song),
 }).annotations({
 	title: "albums",
 	identifier: "Album",

bun.lock

···
     },
     "shared": {
       "name": "@boombox/shared",
+      "dependencies": {
+        "effect": "^3.19.0",
+        "ulid": "^3.0.1",
+      },
       "devDependencies": {
         "@types/bun": "latest",
       },
···
     "zustand": ["zustand@5.0.8", "", { "peerDependencies": { "@types/react": ">=18.0.0", "immer": ">=9.0.6", "react": ">=18.0.0", "use-sync-external-store": ">=1.2.0" }, "optionalPeers": ["@types/react", "immer", "react", "use-sync-external-store"] }, "sha512-gyPKpIaxY9XcO2vSMrLbiER7QMAMGOQZVRdJ6Zi782jkbzZygq5GI9nG8g+sMgitRtndwaBSl7uiqC49o1SSiw=="],
 
     "@babel/code-frame/js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
+
+    "@boombox/shared/effect": ["effect@3.19.0", "", { "dependencies": { "@standard-schema/spec": "^1.0.0", "fast-check": "^3.23.1" } }, "sha512-eFvvryWkbXvQ4Gak1Nadv9CW6U35+UUS/fIkF4c/Th8rs2u47g+tNkViYeVGliglNnR6Ai5Otl9tLbav3yZjXg=="],
 
     "@boombox/web/typescript": ["typescript@5.9.2", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A=="],
 

shared/index.ts

···
-console.log("Hello via Bun!");
+export * from "./types"
+
+

shared/package.json

···
   },
   "peerDependencies": {
     "typescript": "^5"
+  },
+  "dependencies": {
+    "effect": "^3.19.0",
+    "ulid": "^3.0.1"
   }
 }

shared/types.ts

···
+import { Schema } from "effect";
+import { isValid } from "ulid";
+
+const ArtistIdSymbol = Symbol.for("ArtistId");
+const ArtistId = Schema.NonEmptyString.pipe(
+	Schema.brand(ArtistIdSymbol),
+	Schema.startsWith("artist_"),
+	Schema.filter((str) => {
+		const [, id] = str.split("_");
+		return isValid(id as string) ? true : `Extpected ArtistID to end with valid ulid but recieved (${id})`;
+	}),
+);
+const Artist = Schema.Struct({
+	id: ArtistId,
+	name: Schema.NonEmptyString,
+}).annotations({
+	title: "artists",
+	identifier: "Artist",
+});
+
+const AudioFileIdSymbol = Symbol.for("AudioFileId");
+const AudioFileId = Schema.NonEmptyString.pipe(
+	Schema.brand(AudioFileIdSymbol),
+	Schema.startsWith("file_"),
+	Schema.filter((str) => {
+		const [, id] = str.split("_");
+		return isValid(id as string) ? true : `Extpected AudioFileID to end with valid ulid but recieved (${id})`;
+	}),
+);
+const AudioFile = Schema.Struct({
+	id: AudioFileId,
+	filePath: Schema.NonEmptyString,
+}).annotations({
+	title: "audiofiles",
+	identifier: "AudioFile",
+});
+
+const SongIdSymbol = Symbol.for("SongId");
+const SongId = Schema.NonEmptyString.pipe(
+	Schema.brand(SongIdSymbol),
+	Schema.startsWith("song_"),
+	Schema.filter((str) => {
+		const [, id] = str.split("_");
+		return isValid(id as string) ? true : `Extpected SongID to end with valid ulid but recieved (${id})`;
+	}),
+);
+const Song = Schema.Struct({
+	id: SongId,
+	title: Schema.NonEmptyString,
+	artists: Schema.Array(Artist),
+	fileId: AudioFileId,
+}).annotations({
+	title: "songs",
+	identifier: "Song",
+});
+
+const AlbumIdSymbol = Symbol.for("AlbumId");
+const AlbumId = Schema.NonEmptyString.pipe(
+	Schema.brand(AlbumIdSymbol),
+	Schema.startsWith("album_"),
+	Schema.filter((str) => {
+		const [, id] = str.split("_");
+		return isValid(id as string) ? true : `Extpected AlbumID to end with valid ulid but recieved (${id})`;
+	}),
+);
+const Album = Schema.Struct({
+	id: AlbumId,
+	title: Schema.NonEmptyString,
+	artists: Schema.Array(Artist),
+	songs: Schema.optional(Schema.Array(Song)),
+}).annotations({
+	title: "albums",
+	identifier: "Album",
+});
+
+export { Song, Album, Artist, AudioFile };

web/src/pages/album/[id].tsx

···
 	};
 }
 
-const ArtistSchema = Schema.Struct({
-	id: Schema.NonEmptyString,
-	name: Schema.NonEmptyString,
-});
-const SongSchema = Schema.Struct({
-	id: Schema.NonEmptyString,
-	title: Schema.NonEmptyString,
-	fileId: Schema.NonEmptyString,
-	artists: Schema.Array(ArtistSchema),
-});
-
-const AlbumSchema = Schema.Struct({
-	id: Schema.NonEmptyString,
-	title: Schema.NonEmptyString,
-	songs: Schema.Array(SongSchema),
-});
-
 const fetchAlbum = (id: string) =>
 	pipe(
 		Effect.tryPromise({