diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..ccef9a4
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1 @@
+/src/lib/app/db/*
diff --git a/.gitignore b/.gitignore
index 42208aa..f51e192 100644
--- a/.gitignore
+++ b/.gitignore
@@ -43,4 +43,7 @@ next-env.d.ts
 # webstorm
 .idea
 
+# db
 /src/api/schema
+/drizzle/relations.ts
+/drizzle/schema.ts
diff --git a/bun.lockb b/bun.lockb
index d78215e..4f8bbc8 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/drizzle.config.ts b/drizzle.config.ts
new file mode 100644
index 0000000..db882ca
--- /dev/null
+++ b/drizzle.config.ts
@@ -0,0 +1,12 @@
+import 'dotenv/config'
+import type { Config } from 'drizzle-kit'
+
+export default {
+  schema: './app/db/schema.ts',
+  out: './drizzle',
+  dialect: 'postgresql',
+  schemaFilter: ['public', 'neon_auth'],
+  dbCredentials: {
+    url: process.env.NEON_DATABASE_URL!
+  }
+} satisfies Config
diff --git a/drizzle/0000_wooden_mercury.sql b/drizzle/0000_wooden_mercury.sql
new file mode 100644
index 0000000..4cafc96
--- /dev/null
+++ b/drizzle/0000_wooden_mercury.sql
@@ -0,0 +1,135 @@
+-- Current sql file was generated after introspecting the database
+-- If you want to run this migration please uncomment this code before executing migrations
+/*
+CREATE SCHEMA "neon_auth";
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."invitation" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"organizationId" uuid NOT NULL,
+	"email" text NOT NULL,
+	"role" text,
+	"status" text NOT NULL,
+	"expiresAt" timestamp with time zone NOT NULL,
+	"createdAt" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL,
+	"inviterId" uuid NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."user" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"name" text NOT NULL,
+	"email" text NOT NULL,
+	"emailVerified" boolean NOT NULL,
+	"image" text,
+	"createdAt" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL,
+	"updatedAt" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL,
+	"role" text,
+	"banned" boolean,
+	"banReason" text,
+	"banExpires" timestamp with time zone,
+	CONSTRAINT "user_email_key" UNIQUE("email")
+);
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."session" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"expiresAt" timestamp with time zone NOT NULL,
+	"token" text NOT NULL,
+	"createdAt" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL,
+	"updatedAt" timestamp with time zone NOT NULL,
+	"ipAddress" text,
+	"userAgent" text,
+	"userId" uuid NOT NULL,
+	"impersonatedBy" text,
+	"activeOrganizationId" text,
+	CONSTRAINT "session_token_key" UNIQUE("token")
+);
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."organization" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"name" text NOT NULL,
+	"slug" text NOT NULL,
+	"logo" text,
+	"createdAt" timestamp with time zone NOT NULL,
+	"metadata" text,
+	CONSTRAINT "organization_slug_key" UNIQUE("slug")
+);
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."account" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"accountId" text NOT NULL,
+	"providerId" text NOT NULL,
+	"userId" uuid NOT NULL,
+	"accessToken" text,
+	"refreshToken" text,
+	"idToken" text,
+	"accessTokenExpiresAt" timestamp with time zone,
+	"refreshTokenExpiresAt" timestamp with time zone,
+	"scope" text,
+	"password" text,
+	"createdAt" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL,
+	"updatedAt" timestamp with time zone NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."verification" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"identifier" text NOT NULL,
+	"value" text NOT NULL,
+	"expiresAt" timestamp with time zone NOT NULL,
+	"createdAt" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL,
+	"updatedAt" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."jwks" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"publicKey" text NOT NULL,
+	"privateKey" text NOT NULL,
+	"createdAt" timestamp with time zone NOT NULL,
+	"expiresAt" timestamp with time zone
+);
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."member" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"organizationId" uuid NOT NULL,
+	"userId" uuid NOT NULL,
+	"role" text NOT NULL,
+	"createdAt" timestamp with time zone NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "neon_auth"."project_config" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"name" text NOT NULL,
+	"endpoint_id" text NOT NULL,
+	"created_at" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL,
+	"updated_at" timestamp with time zone DEFAULT CURRENT_TIMESTAMP NOT NULL,
+	"trusted_origins" jsonb NOT NULL,
+	"social_providers" jsonb NOT NULL,
+	"email_provider" jsonb,
+	"email_and_password" jsonb,
+	"allow_localhost" boolean NOT NULL,
+	CONSTRAINT "project_config_endpoint_id_key" UNIQUE("endpoint_id")
+);
+--> statement-breakpoint
+CREATE TABLE "test" (
+	"id" uuid PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"data" text,
+	"is_published" boolean DEFAULT false NOT NULL
+);
+--> statement-breakpoint
+ALTER TABLE "test" ENABLE ROW LEVEL SECURITY;--> statement-breakpoint
+ALTER TABLE "neon_auth"."invitation" ADD CONSTRAINT "invitation_organizationId_fkey" FOREIGN KEY ("organizationId") REFERENCES "neon_auth"."organization"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "neon_auth"."invitation" ADD CONSTRAINT "invitation_inviterId_fkey" FOREIGN KEY ("inviterId") REFERENCES "neon_auth"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "neon_auth"."session" ADD CONSTRAINT "session_userId_fkey" FOREIGN KEY ("userId") REFERENCES "neon_auth"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "neon_auth"."account" ADD CONSTRAINT "account_userId_fkey" FOREIGN KEY ("userId") REFERENCES "neon_auth"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "neon_auth"."member" ADD CONSTRAINT "member_organizationId_fkey" FOREIGN KEY ("organizationId") REFERENCES "neon_auth"."organization"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "neon_auth"."member" ADD CONSTRAINT "member_userId_fkey" FOREIGN KEY ("userId") REFERENCES "neon_auth"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+CREATE INDEX "invitation_email_idx" ON "neon_auth"."invitation" USING btree ("email" text_ops);--> statement-breakpoint
+CREATE INDEX "invitation_organizationId_idx" ON "neon_auth"."invitation" USING btree ("organizationId" uuid_ops);--> statement-breakpoint
+CREATE INDEX "session_userId_idx" ON "neon_auth"."session" USING btree ("userId" uuid_ops);--> statement-breakpoint
+CREATE UNIQUE INDEX "organization_slug_uidx" ON "neon_auth"."organization" USING btree ("slug" text_ops);--> statement-breakpoint
+CREATE INDEX "account_userId_idx" ON "neon_auth"."account" USING btree ("userId" uuid_ops);--> statement-breakpoint
+CREATE INDEX "verification_identifier_idx" ON "neon_auth"."verification" USING btree ("identifier" text_ops);--> statement-breakpoint
+CREATE INDEX "member_organizationId_idx" ON "neon_auth"."member" USING btree ("organizationId" uuid_ops);--> statement-breakpoint
+CREATE INDEX "member_userId_idx" ON "neon_auth"."member" USING btree ("userId" uuid_ops);--> statement-breakpoint
+CREATE POLICY "read_published" ON "test" AS PERMISSIVE FOR SELECT TO "authenticated" USING ((is_published = true));--> statement-breakpoint
+CREATE POLICY "manage_own" ON "test" AS PERMISSIVE FOR ALL TO "authenticated";
+*/
\ No newline at end of file
diff --git a/drizzle/meta/0000_snapshot.json b/drizzle/meta/0000_snapshot.json
new file mode 100644
index 0000000..e1fb3d7
--- /dev/null
+++ b/drizzle/meta/0000_snapshot.json
@@ -0,0 +1,913 @@
+{
+  "id": "00000000-0000-0000-0000-000000000000",
+  "prevId": "",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "neon_auth.invitation": {
+      "name": "invitation",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "organizationId": {
+          "name": "organizationId",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expiresAt": {
+          "name": "expiresAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "inviterId": {
+          "name": "inviterId",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            {
+              "expression": "email",
+              "asc": true,
+              "nulls": "last",
+              "opclass": "text_ops",
+              "isExpression": false
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "invitation_organizationId_idx": {
+          "name": "invitation_organizationId_idx",
+          "columns": [
+            {
+              "expression": "organizationId",
+              "asc": true,
+              "nulls": "last",
+              "opclass": "uuid_ops",
+              "isExpression": false
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "invitation_organizationId_fkey": {
+          "name": "invitation_organizationId_fkey",
+          "tableFrom": "invitation",
+          "tableTo": "organization",
+          "schemaTo": "neon_auth",
+          "columnsFrom": [
+            "organizationId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "invitation_inviterId_fkey": {
+          "name": "invitation_inviterId_fkey",
+          "tableFrom": "invitation",
+          "tableTo": "user",
+          "schemaTo": "neon_auth",
+          "columnsFrom": [
+            "inviterId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "neon_auth.user": {
+      "name": "user",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "emailVerified": {
+          "name": "emailVerified",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "updatedAt": {
+          "name": "updatedAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "banned": {
+          "name": "banned",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "banReason": {
+          "name": "banReason",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "banExpires": {
+          "name": "banExpires",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "user_email_key": {
+          "columns": [
+            "email"
+          ],
+          "nullsNotDistinct": false,
+          "name": "user_email_key"
+        }
+      },
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "neon_auth.session": {
+      "name": "session",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "expiresAt": {
+          "name": "expiresAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "updatedAt": {
+          "name": "updatedAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ipAddress": {
+          "name": "ipAddress",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "userAgent": {
+          "name": "userAgent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "userId": {
+          "name": "userId",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "impersonatedBy": {
+          "name": "impersonatedBy",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "activeOrganizationId": {
+          "name": "activeOrganizationId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {
+        "session_userId_idx": {
+          "name": "session_userId_idx",
+          "columns": [
+            {
+              "expression": "userId",
+              "asc": true,
+              "nulls": "last",
+              "opclass": "uuid_ops",
+              "isExpression": false
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "session_userId_fkey": {
+          "name": "session_userId_fkey",
+          "tableFrom": "session",
+          "tableTo": "user",
+          "schemaTo": "neon_auth",
+          "columnsFrom": [
+            "userId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "session_token_key": {
+          "columns": [
+            "token"
+          ],
+          "nullsNotDistinct": false,
+          "name": "session_token_key"
+        }
+      },
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "neon_auth.organization": {
+      "name": "organization",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "logo": {
+          "name": "logo",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "metadata": {
+          "name": "metadata",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {
+        "organization_slug_uidx": {
+          "name": "organization_slug_uidx",
+          "columns": [
+            {
+              "expression": "slug",
+              "asc": true,
+              "nulls": "last",
+              "opclass": "text_ops",
+              "isExpression": false
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "organization_slug_key": {
+          "columns": [
+            "slug"
+          ],
+          "nullsNotDistinct": false,
+          "name": "organization_slug_key"
+        }
+      },
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "neon_auth.account": {
+      "name": "account",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "accountId": {
+          "name": "accountId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "providerId": {
+          "name": "providerId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "userId": {
+          "name": "userId",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "accessToken": {
+          "name": "accessToken",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "refreshToken": {
+          "name": "refreshToken",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "idToken": {
+          "name": "idToken",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "accessTokenExpiresAt": {
+          "name": "accessTokenExpiresAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "refreshTokenExpiresAt": {
+          "name": "refreshTokenExpiresAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "scope": {
+          "name": "scope",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "updatedAt": {
+          "name": "updatedAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {
+        "account_userId_idx": {
+          "name": "account_userId_idx",
+          "columns": [
+            {
+              "expression": "userId",
+              "asc": true,
+              "nulls": "last",
+              "opclass": "uuid_ops",
+              "isExpression": false
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "account_userId_fkey": {
+          "name": "account_userId_fkey",
+          "tableFrom": "account",
+          "tableTo": "user",
+          "schemaTo": "neon_auth",
+          "columnsFrom": [
+            "userId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "neon_auth.verification": {
+      "name": "verification",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "identifier": {
+          "name": "identifier",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expiresAt": {
+          "name": "expiresAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "updatedAt": {
+          "name": "updatedAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        }
+      },
+      "indexes": {
+        "verification_identifier_idx": {
+          "name": "verification_identifier_idx",
+          "columns": [
+            {
+              "expression": "identifier",
+              "asc": true,
+              "nulls": "last",
+              "opclass": "text_ops",
+              "isExpression": false
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "neon_auth.jwks": {
+      "name": "jwks",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "publicKey": {
+          "name": "publicKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "privateKey": {
+          "name": "privateKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expiresAt": {
+          "name": "expiresAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "neon_auth.member": {
+      "name": "member",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "organizationId": {
+          "name": "organizationId",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "userId": {
+          "name": "userId",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {
+        "member_organizationId_idx": {
+          "name": "member_organizationId_idx",
+          "columns": [
+            {
+              "expression": "organizationId",
+              "asc": true,
+              "nulls": "last",
+              "opclass": "uuid_ops",
+              "isExpression": false
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "member_userId_idx": {
+          "name": "member_userId_idx",
+          "columns": [
+            {
+              "expression": "userId",
+              "asc": true,
+              "nulls": "last",
+              "opclass": "uuid_ops",
+              "isExpression": false
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "member_organizationId_fkey": {
+          "name": "member_organizationId_fkey",
+          "tableFrom": "member",
+          "tableTo": "organization",
+          "schemaTo": "neon_auth",
+          "columnsFrom": [
+            "organizationId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "member_userId_fkey": {
+          "name": "member_userId_fkey",
+          "tableFrom": "member",
+          "tableTo": "user",
+          "schemaTo": "neon_auth",
+          "columnsFrom": [
+            "userId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "neon_auth.project_config": {
+      "name": "project_config",
+      "schema": "neon_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "endpoint_id": {
+          "name": "endpoint_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "trusted_origins": {
+          "name": "trusted_origins",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "social_providers": {
+          "name": "social_providers",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email_provider": {
+          "name": "email_provider",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "email_and_password": {
+          "name": "email_and_password",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "allow_localhost": {
+          "name": "allow_localhost",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "project_config_endpoint_id_key": {
+          "columns": [
+            "endpoint_id"
+          ],
+          "nullsNotDistinct": false,
+          "name": "project_config_endpoint_id_key"
+        }
+      },
+      "checkConstraints": {},
+      "policies": {},
+      "isRLSEnabled": false
+    },
+    "public.test": {
+      "name": "test",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "data": {
+          "name": "data",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "is_published": {
+          "name": "is_published",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {},
+      "policies": {
+        "read_published": {
+          "name": "read_published",
+          "as": "PERMISSIVE",
+          "for": "SELECT",
+          "to": [
+            "authenticated"
+          ],
+          "using": "(is_published = true)"
+        },
+        "manage_own": {
+          "name": "manage_own",
+          "as": "PERMISSIVE",
+          "for": "ALL",
+          "to": [
+            "authenticated"
+          ]
+        }
+      },
+      "isRLSEnabled": true
+    }
+  },
+  "enums": {},
+  "schemas": {
+    "neon_auth": "neon_auth"
+  },
+  "sequences": {},
+  "roles": {},
+  "policies": {},
+  "views": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/drizzle/meta/_journal.json b/drizzle/meta/_journal.json
new file mode 100644
index 0000000..a2e5d15
--- /dev/null
+++ b/drizzle/meta/_journal.json
@@ -0,0 +1,13 @@
+{
+  "version": "7",
+  "dialect": "postgresql",
+  "entries": [
+    {
+      "idx": 0,
+      "version": "7",
+      "when": 1778338864717,
+      "tag": "0000_wooden_mercury",
+      "breakpoints": true
+    }
+  ]
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 55d7e94..1cbb97d 100644
--- a/package.json
+++ b/package.json
@@ -7,16 +7,20 @@
     "build": "next build",
     "start": "next start",
     "format": "prettier --write '**/*.{ts,tsx,md}'",
-    "lint": "eslint && next lint && tsc --noemit && prettier --check '**/*.{ts,tsx,md,scss}'"
+    "lint": "eslint && next lint && tsc --noemit && prettier --check '**/*.{ts,tsx,md,scss}'",
+    "db:pull": "drizzle-kit pull && cp ./drizzle/schema.ts ./src/api/db/schema.ts && cp ./drizzle/relations.ts ./src/api/db/relations.ts",
+    "db:generate-types": "npx @neondatabase/neon-js gen-types --db-url \"$NEON_DATABASE_URL\" --output src/api/db/types.ts"
   },
   "dependencies": {
     "@mantine/core": "^7.9.1",
     "@mantine/form": "^7.16.3",
     "@mantine/hooks": "^7.16.3",
+    "@neondatabase/auth": "latest",
+    "@neondatabase/auth-ui": "^0.2.0-beta",
     "@neondatabase/neon-js": "^0.2.0-beta.1",
-    "@neondatabase/serverless": "^1.0.2",
+    "@neondatabase/serverless": "^1.1.0",
     "@tabler/icons-react": "^2.47.0",
-    "fauna": "^1.3.1",
+    "drizzle-orm": "^0.45.2",
     "next": "15.1.11",
     "next-client-cookies": "^2.0.1",
     "react": "^19.0.0",
@@ -24,11 +28,13 @@
     "react-router-dom": "^7.13.0"
   },
   "devDependencies": {
-    "@types/node": "^20",
+    "@types/node": "^25.6.2",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@typescript-eslint/parser": "^6.21.0",
     "autoprefixer": "^10.0.1",
+    "dotenv": "^17.4.2",
+    "drizzle-kit": "^0.31.10",
     "eslint": "^8",
     "eslint-config-next": "14.1.0",
     "postcss": "^8",
diff --git a/src/api/_actions/index.ts b/src/api/_actions/index.ts
new file mode 100644
index 0000000..3a2c4f5
--- /dev/null
+++ b/src/api/_actions/index.ts
@@ -0,0 +1,45 @@
+// import {
+//   get as getTemplate,
+//   create as createTemplate,
+//   update as updateTemplate,
+//   deleteTemplate
+// } from './template'
+// import { getByUser as getTemplatesByUser, deleteTemplates } from './templates'
+// import {
+//   get as getProject,
+//   create as createProject,
+//   update as updateProject,
+//   deleteProject
+// } from './project'
+// import { getByUser as getProjectsByUser, deleteProjects } from './projects'
+//
+// export const actions = {
+//   template: {
+//     get: {
+//       byId: getTemplate
+//     },
+//     add: createTemplate,
+//     update: updateTemplate,
+//     delete: deleteTemplate
+//   },
+//   templates: {
+//     get: {
+//       byUser: getTemplatesByUser
+//     },
+//     delete: deleteTemplates
+//   },
+//   project: {
+//     get: {
+//       byId: getProject
+//     },
+//     add: createProject,
+//     update: updateProject,
+//     delete: deleteProject
+//   },
+//   projects: {
+//     get: {
+//       byUser: getProjectsByUser
+//     },
+//     delete: deleteProjects
+//   }
+// }
diff --git a/src/api/_actions/middleware.ts b/src/api/_actions/middleware.ts
new file mode 100644
index 0000000..efd5e96
--- /dev/null
+++ b/src/api/_actions/middleware.ts
@@ -0,0 +1,22 @@
+// 'use server'
+// import { cookies } from 'next/headers'
+//
+// export async function getToken() {
+//   const cookieStore = await cookies()
+//   const token = cookieStore.get('token')?.value
+//   return token
+// }
+//
+// export const executor = async <Req, Res>(
+//   callbackPath: string,
+//   callback: (args: Req) => Res,
+//   args: Req
+// ): Promise<Res | undefined> => {
+//   try {
+//     console.debug(`Entered ${callbackPath}`)
+//     return await callback.call(undefined, args)
+//   } catch (error) {
+//     console.error(error)
+//     throw error
+//   }
+// }
diff --git a/src/api/_actions/project/create.ts b/src/api/_actions/project/create.ts
new file mode 100644
index 0000000..a30760e
--- /dev/null
+++ b/src/api/_actions/project/create.ts
@@ -0,0 +1,39 @@
+// 'use server'
+// import { Project, Template } from 'api/core/collections'
+// import { ProjectManager, TemplateManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+// import { getMaterials } from 'api/utils'
+//
+// type Req = {
+//   templateId: Template['id']
+// }
+// type Res = Promise<Project[]>
+//
+// async function handler({ templateId }: Req) {
+//   const token = await getToken()
+//   if (!token) return []
+//   const templates = new TemplateManager(token)
+//
+//   const template = await templates.getById(templateId)
+//   const { title, type } = template
+//
+//   const schema = template.schema.map(row =>
+//     row.map(color => ({ color, isBeaded: false }))
+//   )
+//   const materials = getMaterials(schema)
+//
+//   const projects = new ProjectManager(token)
+//   const userProjects = await projects.addProject({
+//     title,
+//     type,
+//     schema,
+//     materials
+//   })
+//   if (!userProjects) throw new Error(`Projects not found`)
+//
+//   return userProjects
+// }
+//
+// export async function create(args: Req) {
+//   return await executor<Req, Res>('actions/project/create', handler, args)
+// }
diff --git a/src/api/_actions/project/delete.ts b/src/api/_actions/project/delete.ts
new file mode 100644
index 0000000..bedbb30
--- /dev/null
+++ b/src/api/_actions/project/delete.ts
@@ -0,0 +1,24 @@
+// 'use server'
+// import { Project } from 'api/core/collections'
+// import { ProjectManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = {
+//   id: Project['id']
+// }
+// type Res = Promise<Project[]>
+//
+// async function handler({ id }: Req) {
+//   const token = await getToken()
+//   if (!token) return []
+//   const projects = new ProjectManager(token)
+//
+//   const userProjects = projects.deleteProject(id)
+//   if (!userProjects) throw new Error(`Projects not found`)
+//
+//   return userProjects
+// }
+//
+// export async function deleteProject(args: Req) {
+//   return await executor<Req, Res>('actions/project/delete', handler, args)
+// }
diff --git a/src/api/_actions/project/get.ts b/src/api/_actions/project/get.ts
new file mode 100644
index 0000000..50fc7c0
--- /dev/null
+++ b/src/api/_actions/project/get.ts
@@ -0,0 +1,24 @@
+// 'use server'
+// import { Project } from 'api/core/collections'
+// import { ProjectManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = {
+//   id: Project['id']
+// }
+// type Res = Promise<Project | null>
+//
+// async function handler({ id }: Req) {
+//   const token = await getToken()
+//   if (!token) return null
+//   const projects = new ProjectManager(token)
+//
+//   const project = projects.getById(id)
+//   if (!project) throw new Error(`Project with id ${id} not found`)
+//
+//   return project
+// }
+//
+// export async function get(args: Req) {
+//   return await executor<Req, Res>('actions/project/get', handler, args)
+// }
diff --git a/src/api/_actions/project/index.ts b/src/api/_actions/project/index.ts
new file mode 100644
index 0000000..bf05799
--- /dev/null
+++ b/src/api/_actions/project/index.ts
@@ -0,0 +1,4 @@
+// export { create } from './create'
+// export { deleteProject } from './delete'
+// export { get } from './get'
+// export { update } from './update'
diff --git a/src/api/_actions/project/update.ts b/src/api/_actions/project/update.ts
new file mode 100644
index 0000000..6d3ce55
--- /dev/null
+++ b/src/api/_actions/project/update.ts
@@ -0,0 +1,25 @@
+// 'use server'
+// import { Project } from 'api/core/collections'
+// import { ProjectManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+// import { getProgress } from 'api/utils'
+//
+// type Req = Omit<Project, 'owner' | 'materials' | 'progress'>
+// type Res = Promise<Project[]>
+//
+// async function handler(data: Req) {
+//   const token = await getToken()
+//   if (!token) return []
+//   const projects = new ProjectManager(token)
+//
+//   const progress = getProgress(data.schema)
+//
+//   const userProjects = projects.updateProject({ progress, ...data })
+//   if (!userProjects) throw new Error(`Projects not found`)
+//
+//   return userProjects
+// }
+//
+// export async function update(args: Req) {
+//   return await executor<Req, Res>('actions/project/update', handler, args)
+// }
diff --git a/src/api/_actions/projects/delete.ts b/src/api/_actions/projects/delete.ts
new file mode 100644
index 0000000..ab407ff
--- /dev/null
+++ b/src/api/_actions/projects/delete.ts
@@ -0,0 +1,24 @@
+// 'use server'
+// import { Project } from 'api/core/collections'
+// import { ProjectManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = {
+//   idList: Project['id'][]
+// }
+// type Res = Promise<Project[]>
+//
+// async function handler({ idList }: Req) {
+//   const token = await getToken()
+//   if (!token) return []
+//   const projects = new ProjectManager(token)
+//
+//   const userProjects = projects.deleteProjects(idList)
+//   if (!userProjects) throw new Error(`Projects not found`)
+//
+//   return userProjects
+// }
+//
+// export async function deleteProjects(args: Req) {
+//   return await executor<Req, Res>('actions/projects/delete', handler, args)
+// }
diff --git a/src/api/_actions/projects/get/by-user.ts b/src/api/_actions/projects/get/by-user.ts
new file mode 100644
index 0000000..a89e6be
--- /dev/null
+++ b/src/api/_actions/projects/get/by-user.ts
@@ -0,0 +1,22 @@
+// 'use server'
+// import { Project } from 'api/core/collections'
+// import { ProjectManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = void
+// type Res = Promise<Project[]>
+//
+// async function handler() {
+//   const token = await getToken()
+//   if (!token) return []
+//   const projects = new ProjectManager(token)
+//
+//   const userProjects = projects.getUserProjects()
+//   if (!userProjects) throw new Error(`Projects not found`)
+//
+//   return userProjects
+// }
+//
+// export async function getByUser(args: Req) {
+//   return await executor<Req, Res>('actions/projects/get/by-user', handler, args)
+// }
diff --git a/src/api/_actions/projects/index.ts b/src/api/_actions/projects/index.ts
new file mode 100644
index 0000000..76e765e
--- /dev/null
+++ b/src/api/_actions/projects/index.ts
@@ -0,0 +1,2 @@
+// export { getByUser } from './get/by-user'
+// export { deleteProjects } from './delete'
diff --git a/src/api/_actions/template/create.ts b/src/api/_actions/template/create.ts
new file mode 100644
index 0000000..8fd78ac
--- /dev/null
+++ b/src/api/_actions/template/create.ts
@@ -0,0 +1,26 @@
+// 'use server'
+// import { Template } from 'api/core/collections'
+// import { TemplateManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = {
+//   title: Template['title']
+//   type: Template['type']
+//   schema: Template['schema']
+// }
+// type Res = Promise<Template[]>
+//
+// async function handler(args: Req) {
+//   const token = await getToken()
+//   if (!token) return []
+//   const templates = new TemplateManager(token)
+//
+//   const userTemplates = templates.addTemplate(args)
+//   if (!userTemplates) throw new Error(`Templates not found`)
+//
+//   return userTemplates
+// }
+//
+// export async function create(args: Req) {
+//   return await executor<Req, Res>('actions/template/create', handler, args)
+// }
diff --git a/src/api/_actions/template/delete.ts b/src/api/_actions/template/delete.ts
new file mode 100644
index 0000000..214b18c
--- /dev/null
+++ b/src/api/_actions/template/delete.ts
@@ -0,0 +1,24 @@
+// 'use server'
+// import { Template } from 'api/core/collections'
+// import { TemplateManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = {
+//   id: Template['id']
+// }
+// type Res = Promise<Template[]>
+//
+// async function handler({ id }: Req) {
+//   const token = await getToken()
+//   if (!token) return []
+//   const templates = new TemplateManager(token)
+//
+//   const userTemplates = templates.deleteTemplate(id)
+//   if (!userTemplates) throw new Error(`Templates not found`)
+//
+//   return userTemplates
+// }
+//
+// export async function deleteTemplate(args: Req) {
+//   return await executor<Req, Res>('actions/template/delete', handler, args)
+// }
diff --git a/src/api/_actions/template/get.ts b/src/api/_actions/template/get.ts
new file mode 100644
index 0000000..3f7abc3
--- /dev/null
+++ b/src/api/_actions/template/get.ts
@@ -0,0 +1,24 @@
+// 'use server'
+// import { Template } from 'api/core/collections'
+// import { TemplateManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = {
+//   id: Template['id']
+// }
+// type Res = Promise<Template | null>
+//
+// async function handler({ id }: Req) {
+//   const token = await getToken()
+//   if (!token) return null
+//   const templates = new TemplateManager(token)
+//
+//   const template = templates.getById(id)
+//   if (!template) throw new Error(`Template with id ${id} not found`)
+//
+//   return template
+// }
+//
+// export async function get(args: Req) {
+//   return await executor<Req, Res>('actions/template/get', handler, args)
+// }
diff --git a/src/api/_actions/template/index.ts b/src/api/_actions/template/index.ts
new file mode 100644
index 0000000..ce909f6
--- /dev/null
+++ b/src/api/_actions/template/index.ts
@@ -0,0 +1,4 @@
+// export { create } from './create'
+// export { deleteTemplate } from './delete'
+// export { get } from './get'
+// export { update } from './update'
diff --git a/src/api/_actions/template/update.ts b/src/api/_actions/template/update.ts
new file mode 100644
index 0000000..35f1f52
--- /dev/null
+++ b/src/api/_actions/template/update.ts
@@ -0,0 +1,27 @@
+// 'use server'
+// import { Template } from 'api/core/collections'
+// import { TemplateManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = {
+//   id: Template['id']
+//   title: Template['title']
+//   type: Template['type']
+//   schema: Template['schema']
+// }
+// type Res = Promise<Template[]>
+//
+// async function handler(args: Req) {
+//   const token = await getToken()
+//   if (!token) return []
+//   const templates = new TemplateManager(token)
+//
+//   const userTemplates = templates.updateTemplate(args)
+//   if (!userTemplates) throw new Error(`Templates not found`)
+//
+//   return userTemplates
+// }
+//
+// export async function update(args: Req) {
+//   return await executor<Req, Res>('actions/template/update', handler, args)
+// }
diff --git a/src/api/_actions/templates/delete.ts b/src/api/_actions/templates/delete.ts
new file mode 100644
index 0000000..d7e017a
--- /dev/null
+++ b/src/api/_actions/templates/delete.ts
@@ -0,0 +1,24 @@
+// 'use server'
+// import { Template } from 'api/core/collections'
+// import { TemplateManager } from 'api/_core/managers'
+// import { executor, getToken } from 'middleware'
+//
+// type Req = {
+//   idList: Template['id'][]
+// }
+// type Res = Promise<Template[]>
+//
+// async function handler({ idList }: Req) {
+//   const token = await getToken()
+//   if (!token) return []
+//   const templates = new TemplateManager(token)
+//
+//   const userTemplates = templates.deleteTemplates(idList)
+//   if (!userTemplates) throw new Error(`Templates not found`)
+//
+//   return userTemplates
+// }
+//
+// export async function deleteTemplates(args: Req) {
+//   return await executor<Req, Res>('actions/templates/delete', handler, args)
+// }
diff --git a/src/api/_actions/templates/get/by-user.ts b/src/api/_actions/templates/get/by-user.ts
new file mode 100644
index 0000000..931ad29
--- /dev/null
+++ b/src/api/_actions/templates/get/by-user.ts
@@ -0,0 +1,26 @@
+// 'use server'
+// import { Template } from 'api/core/collections'
+// import { TemplateManager } from 'api/_core/managers'
+// import { executor } from 'middleware'
+//
+// type Req = void
+// type Res = Promise<Template[]>
+//
+// async function handler() {
+//   const token = await getToken()
+//   if (!token) return []
+//   const templates = new TemplateManager(token)
+//
+//   const userTemplates = templates.getUserTemplates()
+//   if (!userTemplates) throw new Error(`Templates not found`)
+//
+//   return userTemplates
+// }
+//
+// export async function getByUser(args: Req) {
+//   return await executor<Req, Res>(
+//     'actions/templates/get/by-user',
+//     handler,
+//     args
+//   )
+// }
diff --git a/src/api/_actions/templates/index.ts b/src/api/_actions/templates/index.ts
new file mode 100644
index 0000000..f9d122c
--- /dev/null
+++ b/src/api/_actions/templates/index.ts
@@ -0,0 +1,2 @@
+// export { getByUser } from './get/by-user'
+// export { deleteTemplates } from './delete'
diff --git a/src/api/_core/db.ts b/src/api/_core/db.ts
new file mode 100644
index 0000000..253b582
--- /dev/null
+++ b/src/api/_core/db.ts
@@ -0,0 +1,13 @@
+// import { Client, QueryOptions, Query } from 'fauna'
+//
+// export class Database {
+//   private readonly client: Client
+//
+//   constructor(token: string) {
+//     this.client = new Client({ secret: token })
+//   }
+//
+//   async query(query: Query, options?: QueryOptions) {
+//     return await this.client.query(query, options)
+//   }
+// }
diff --git a/src/api/_core/managers/index.ts b/src/api/_core/managers/index.ts
new file mode 100644
index 0000000..60bd133
--- /dev/null
+++ b/src/api/_core/managers/index.ts
@@ -0,0 +1,3 @@
+// export { Manager } from './manager'
+// export { ProjectManager } from './project'
+// export { TemplateManager } from './template'
diff --git a/src/api/_core/managers/manager.ts b/src/api/_core/managers/manager.ts
new file mode 100644
index 0000000..8525968
--- /dev/null
+++ b/src/api/_core/managers/manager.ts
@@ -0,0 +1,13 @@
+// import { Database } from 'api/_core/db'
+//
+// export abstract class Manager {
+//   protected readonly db: Database
+//
+//   constructor(userToken: string) {
+//     this.db = new Database(userToken)
+//   }
+//
+//   toJSON(value: unknown) {
+//     return JSON.parse(JSON.stringify(value))
+//   }
+// }
diff --git a/src/api/_core/managers/project.ts b/src/api/_core/managers/project.ts
new file mode 100644
index 0000000..c9c0fd4
--- /dev/null
+++ b/src/api/_core/managers/project.ts
@@ -0,0 +1,78 @@
+// import { fql, QueryValue } from 'fauna'
+// import { Manager } from 'api/_core/managers'
+// import { Project } from 'api/core/collections'
+//
+// export class ProjectManager extends Manager {
+//   async getById(id: string): Promise<Project> {
+//     console.debug(`DB: Fetch project with id ${id}`)
+//
+//     const q = fql`Project.byId(${id}) { id, title, type, schema, materials, progress }`
+//     const res = await this.db.query(q)
+//
+//     return this.toJSON(res.data) as Project
+//   }
+//
+//   async getUserProjects(): Promise<Project[]> {
+//     console.debug(`DB: Fetch user projects`)
+//
+//     const q = fql`
+//       let user = Query.identity()
+//       Project.byOwner(user) { id, title, type, schema, materials, progress }
+//     `
+//     const res = await this.db.query(q)
+//
+//     return this.toJSON(res.data) as Project[]
+//   }
+//
+//   async addProject({
+//     title,
+//     type,
+//     schema: schemaPassed,
+//     materials: materialsPassed
+//   }: Omit<Project, 'id' | 'owner' | 'progress'>): Promise<Project[]> {
+//     console.debug(`DB: Create new project`)
+//
+//     const schema = schemaPassed as unknown as QueryValue
+//     const materials = materialsPassed as unknown as QueryValue
+//
+//     const q = fql`CreateProject(${title}, ${type}, ${schema}, ${materials})`
+//     await this.db.query(q)
+//
+//     return this.getUserProjects()
+//   }
+//
+//   async updateProject({
+//     id,
+//     title,
+//     type,
+//     schema: schemaPassed,
+//     progress
+//   }: Omit<Project, 'owner' | 'materials'>): Promise<Project[]> {
+//     console.debug(`DB: Update project with id ${id}`)
+//
+//     const schema = schemaPassed as unknown as QueryValue
+//
+//     const q = fql`UpdateProject(${id}, ${title}, ${type}, ${schema}, ${progress})`
+//     await this.db.query(q)
+//
+//     return this.getUserProjects()
+//   }
+//
+//   async deleteProject(id: Project['id']): Promise<Project[]> {
+//     console.debug(`DB: Delete project with id ${id}`)
+//
+//     const q = fql`DeleteProject(${id})`
+//     await this.db.query(q)
+//
+//     return this.getUserProjects()
+//   }
+//
+//   async deleteProjects(idList: Project['id'][]): Promise<Project[]> {
+//     console.debug(`DB: Delete projects with id ${JSON.stringify(idList)}`)
+//
+//     const q = fql`DeleteProjects(${idList})`
+//     await this.db.query(q)
+//
+//     return this.getUserProjects()
+//   }
+// }
diff --git a/src/api/_core/managers/template.ts b/src/api/_core/managers/template.ts
new file mode 100644
index 0000000..3f36e80
--- /dev/null
+++ b/src/api/_core/managers/template.ts
@@ -0,0 +1,71 @@
+// import { fql } from 'fauna'
+// import { Manager } from 'api/_core/managers'
+// import { Template } from 'api/core/collections'
+//
+// export class TemplateManager extends Manager {
+//   async getById(id: string): Promise<Template> {
+//     console.debug(`DB: Fetch template with id ${id}`)
+//
+//     const q = fql`Template.byId(${id}) { id, title, type, schema }`
+//     const res = await this.db.query(q)
+//
+//     return this.toJSON(res.data) as Template
+//   }
+//
+//   async getUserTemplates(): Promise<Template[]> {
+//     console.debug(`DB: Fetch user templates`)
+//
+//     const q = fql`
+//       let user = Query.identity()
+//       Template.byOwner(user) { id, title, type, schema }
+//     `
+//     const res = await this.db.query(q)
+//
+//     return this.toJSON(res.data) as Template[]
+//   }
+//
+//   async addTemplate({
+//     title,
+//     type,
+//     schema
+//   }: Omit<Template, 'id' | 'owner'>): Promise<Template[]> {
+//     console.debug(`DB: Create new template`)
+//
+//     const q = fql`CreateTemplate(${title}, ${type}, ${schema})`
+//     await this.db.query(q)
+//
+//     return this.getUserTemplates()
+//   }
+//
+//   async updateTemplate({
+//     id,
+//     title,
+//     type,
+//     schema
+//   }: Omit<Template, 'owner'>): Promise<Template[]> {
+//     console.debug(`DB: Update template with id ${id}`)
+//
+//     const q = fql`UpdateTemplate(${id}, ${title}, ${type}, ${schema})`
+//     await this.db.query(q)
+//
+//     return this.getUserTemplates()
+//   }
+//
+//   async deleteTemplate(id: Template['id']): Promise<Template[]> {
+//     console.debug(`DB: Delete template with id ${id}`)
+//
+//     const q = fql`DeleteTemplate(${id})`
+//     await this.db.query(q)
+//
+//     return this.getUserTemplates()
+//   }
+//
+//   async deleteTemplates(idList: Template['id'][]): Promise<Template[]> {
+//     console.debug(`DB: Delete templates with id ${JSON.stringify(idList)}`)
+//
+//     const q = fql`DeleteTemplates(${idList})`
+//     await this.db.query(q)
+//
+//     return this.getUserTemplates()
+//   }
+// }
diff --git a/src/api/actions/index.ts b/src/api/actions/index.ts
index 19d2c12..345bfde 100644
--- a/src/api/actions/index.ts
+++ b/src/api/actions/index.ts
@@ -1,45 +1,5 @@
-import {
-  get as getTemplate,
-  create as createTemplate,
-  update as updateTemplate,
-  deleteTemplate
-} from './template'
-import { getByUser as getTemplatesByUser, deleteTemplates } from './templates'
-import {
-  get as getProject,
-  create as createProject,
-  update as updateProject,
-  deleteProject
-} from './project'
-import { getByUser as getProjectsByUser, deleteProjects } from './projects'
+import { templateActions } from './templates'
 
 export const actions = {
-  template: {
-    get: {
-      byId: getTemplate
-    },
-    add: createTemplate,
-    update: updateTemplate,
-    delete: deleteTemplate
-  },
-  templates: {
-    get: {
-      byUser: getTemplatesByUser
-    },
-    delete: deleteTemplates
-  },
-  project: {
-    get: {
-      byId: getProject
-    },
-    add: createProject,
-    update: updateProject,
-    delete: deleteProject
-  },
-  projects: {
-    get: {
-      byUser: getProjectsByUser
-    },
-    delete: deleteProjects
-  }
+  templates: templateActions
 }
diff --git a/src/api/actions/middleware.ts b/src/api/actions/middleware.ts
index 5c5c26a..071eab5 100644
--- a/src/api/actions/middleware.ts
+++ b/src/api/actions/middleware.ts
@@ -1,10 +1,10 @@
 'use server'
-import { cookies } from 'next/headers'
+import { auth } from 'api/auth'
 
-export async function getToken() {
-  const cookieStore = await cookies()
-  const token = cookieStore.get('token')?.value
-  return token
+export async function getAuthUser() {
+  const { data: session } = await auth.getSession()
+  if (!session?.user) throw new Error('Unauthorized')
+  return session.user
 }
 
 export const executor = async <Req, Res>(
diff --git a/src/api/actions/project/create.ts b/src/api/actions/project/create.ts
deleted file mode 100644
index c2562fc..0000000
--- a/src/api/actions/project/create.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-'use server'
-import { Project, Template } from 'api/core/collections'
-import { ProjectManager, TemplateManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-import { getMaterials } from 'api/utils'
-
-type Req = {
-  templateId: Template['id']
-}
-type Res = Promise<Project[]>
-
-async function handler({ templateId }: Req) {
-  const token = await getToken()
-  if (!token) return []
-  const templates = new TemplateManager(token)
-
-  const template = await templates.getById(templateId)
-  const { title, type } = template
-
-  const schema = template.schema.map(row =>
-    row.map(color => ({ color, isBeaded: false }))
-  )
-  const materials = getMaterials(schema)
-
-  const projects = new ProjectManager(token)
-  const userProjects = await projects.addProject({
-    title,
-    type,
-    schema,
-    materials
-  })
-  if (!userProjects) throw new Error(`Projects not found`)
-
-  return userProjects
-}
-
-export async function create(args: Req) {
-  return await executor<Req, Res>('actions/project/create', handler, args)
-}
diff --git a/src/api/actions/project/delete.ts b/src/api/actions/project/delete.ts
deleted file mode 100644
index b06019e..0000000
--- a/src/api/actions/project/delete.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-'use server'
-import { Project } from 'api/core/collections'
-import { ProjectManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-
-type Req = {
-  id: Project['id']
-}
-type Res = Promise<Project[]>
-
-async function handler({ id }: Req) {
-  const token = await getToken()
-  if (!token) return []
-  const projects = new ProjectManager(token)
-
-  const userProjects = projects.deleteProject(id)
-  if (!userProjects) throw new Error(`Projects not found`)
-
-  return userProjects
-}
-
-export async function deleteProject(args: Req) {
-  return await executor<Req, Res>('actions/project/delete', handler, args)
-}
diff --git a/src/api/actions/project/get.ts b/src/api/actions/project/get.ts
deleted file mode 100644
index baf58d5..0000000
--- a/src/api/actions/project/get.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-'use server'
-import { Project } from 'api/core/collections'
-import { ProjectManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-
-type Req = {
-  id: Project['id']
-}
-type Res = Promise<Project | null>
-
-async function handler({ id }: Req) {
-  const token = await getToken()
-  if (!token) return null
-  const projects = new ProjectManager(token)
-
-  const project = projects.getById(id)
-  if (!project) throw new Error(`Project with id ${id} not found`)
-
-  return project
-}
-
-export async function get(args: Req) {
-  return await executor<Req, Res>('actions/project/get', handler, args)
-}
diff --git a/src/api/actions/project/index.ts b/src/api/actions/project/index.ts
deleted file mode 100644
index ab31e4c..0000000
--- a/src/api/actions/project/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { create } from './create'
-export { deleteProject } from './delete'
-export { get } from './get'
-export { update } from './update'
diff --git a/src/api/actions/project/update.ts b/src/api/actions/project/update.ts
deleted file mode 100644
index 6dbd5d1..0000000
--- a/src/api/actions/project/update.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-'use server'
-import { Project } from 'api/core/collections'
-import { ProjectManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-import { getProgress } from 'api/utils'
-
-type Req = Omit<Project, 'owner' | 'materials' | 'progress'>
-type Res = Promise<Project[]>
-
-async function handler(data: Req) {
-  const token = await getToken()
-  if (!token) return []
-  const projects = new ProjectManager(token)
-
-  const progress = getProgress(data.schema)
-
-  const userProjects = projects.updateProject({ progress, ...data })
-  if (!userProjects) throw new Error(`Projects not found`)
-
-  return userProjects
-}
-
-export async function update(args: Req) {
-  return await executor<Req, Res>('actions/project/update', handler, args)
-}
diff --git a/src/api/actions/projects/delete.ts b/src/api/actions/projects/delete.ts
deleted file mode 100644
index 75ffa19..0000000
--- a/src/api/actions/projects/delete.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-'use server'
-import { Project } from 'api/core/collections'
-import { ProjectManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-
-type Req = {
-  idList: Project['id'][]
-}
-type Res = Promise<Project[]>
-
-async function handler({ idList }: Req) {
-  const token = await getToken()
-  if (!token) return []
-  const projects = new ProjectManager(token)
-
-  const userProjects = projects.deleteProjects(idList)
-  if (!userProjects) throw new Error(`Projects not found`)
-
-  return userProjects
-}
-
-export async function deleteProjects(args: Req) {
-  return await executor<Req, Res>('actions/projects/delete', handler, args)
-}
diff --git a/src/api/actions/projects/get/by-user.ts b/src/api/actions/projects/get/by-user.ts
deleted file mode 100644
index 2b11027..0000000
--- a/src/api/actions/projects/get/by-user.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-'use server'
-import { Project } from 'api/core/collections'
-import { ProjectManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-
-type Req = void
-type Res = Promise<Project[]>
-
-async function handler() {
-  const token = await getToken()
-  if (!token) return []
-  const projects = new ProjectManager(token)
-
-  const userProjects = projects.getUserProjects()
-  if (!userProjects) throw new Error(`Projects not found`)
-
-  return userProjects
-}
-
-export async function getByUser(args: Req) {
-  return await executor<Req, Res>('actions/projects/get/by-user', handler, args)
-}
diff --git a/src/api/actions/projects/index.ts b/src/api/actions/projects/index.ts
deleted file mode 100644
index 0f6f16b..0000000
--- a/src/api/actions/projects/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { getByUser } from './get/by-user'
-export { deleteProjects } from './delete'
diff --git a/src/api/actions/template/create.ts b/src/api/actions/template/create.ts
deleted file mode 100644
index 61113a0..0000000
--- a/src/api/actions/template/create.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-'use server'
-import { Template } from 'api/core/collections'
-import { TemplateManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-
-type Req = {
-  title: Template['title']
-  type: Template['type']
-  schema: Template['schema']
-}
-type Res = Promise<Template[]>
-
-async function handler(args: Req) {
-  const token = await getToken()
-  if (!token) return []
-  const templates = new TemplateManager(token)
-
-  const userTemplates = templates.addTemplate(args)
-  if (!userTemplates) throw new Error(`Templates not found`)
-
-  return userTemplates
-}
-
-export async function create(args: Req) {
-  return await executor<Req, Res>('actions/template/create', handler, args)
-}
diff --git a/src/api/actions/template/delete.ts b/src/api/actions/template/delete.ts
deleted file mode 100644
index c66eb5d..0000000
--- a/src/api/actions/template/delete.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-'use server'
-import { Template } from 'api/core/collections'
-import { TemplateManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-
-type Req = {
-  id: Template['id']
-}
-type Res = Promise<Template[]>
-
-async function handler({ id }: Req) {
-  const token = await getToken()
-  if (!token) return []
-  const templates = new TemplateManager(token)
-
-  const userTemplates = templates.deleteTemplate(id)
-  if (!userTemplates) throw new Error(`Templates not found`)
-
-  return userTemplates
-}
-
-export async function deleteTemplate(args: Req) {
-  return await executor<Req, Res>('actions/template/delete', handler, args)
-}
diff --git a/src/api/actions/template/get.ts b/src/api/actions/template/get.ts
deleted file mode 100644
index 50c3218..0000000
--- a/src/api/actions/template/get.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-'use server'
-import { Template } from 'api/core/collections'
-import { TemplateManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-
-type Req = {
-  id: Template['id']
-}
-type Res = Promise<Template | null>
-
-async function handler({ id }: Req) {
-  const token = await getToken()
-  if (!token) return null
-  const templates = new TemplateManager(token)
-
-  const template = templates.getById(id)
-  if (!template) throw new Error(`Template with id ${id} not found`)
-
-  return template
-}
-
-export async function get(args: Req) {
-  return await executor<Req, Res>('actions/template/get', handler, args)
-}
diff --git a/src/api/actions/template/index.ts b/src/api/actions/template/index.ts
deleted file mode 100644
index bc27024..0000000
--- a/src/api/actions/template/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { create } from './create'
-export { deleteTemplate } from './delete'
-export { get } from './get'
-export { update } from './update'
diff --git a/src/api/actions/template/update.ts b/src/api/actions/template/update.ts
deleted file mode 100644
index 5e5bc28..0000000
--- a/src/api/actions/template/update.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-'use server'
-import { Template } from 'api/core/collections'
-import { TemplateManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
-
-type Req = {
-  id: Template['id']
-  title: Template['title']
-  type: Template['type']
-  schema: Template['schema']
-}
-type Res = Promise<Template[]>
-
-async function handler(args: Req) {
-  const token = await getToken()
-  if (!token) return []
-  const templates = new TemplateManager(token)
-
-  const userTemplates = templates.updateTemplate(args)
-  if (!userTemplates) throw new Error(`Templates not found`)
-
-  return userTemplates
-}
-
-export async function update(args: Req) {
-  return await executor<Req, Res>('actions/template/update', handler, args)
-}
diff --git a/src/api/actions/templates/create.ts b/src/api/actions/templates/create.ts
new file mode 100644
index 0000000..7d01562
--- /dev/null
+++ b/src/api/actions/templates/create.ts
@@ -0,0 +1,17 @@
+'use server'
+import { executor, getAuthUser } from 'middleware'
+import { TemplateManager } from 'core/managers/template'
+import { Template } from 'core/collections'
+
+type Req = void
+type Res = Promise<Template>
+
+async function handler(): Res {
+  const user = await getAuthUser()
+  const templates = new TemplateManager(user)
+  return await templates.createTemplate()
+}
+
+export async function createTemplate(args: Req) {
+  return await executor<Req, Res>('actions/templates/create', handler, args)
+}
diff --git a/src/api/actions/templates/delete.ts b/src/api/actions/templates/delete.ts
index ced81f0..1e63968 100644
--- a/src/api/actions/templates/delete.ts
+++ b/src/api/actions/templates/delete.ts
@@ -1,22 +1,14 @@
 'use server'
-import { Template } from 'api/core/collections'
-import { TemplateManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
+import { executor, getAuthUser } from 'middleware'
+import { DeleteTemplateArgs, TemplateManager } from 'core/managers/template'
 
-type Req = {
-  idList: Template['id'][]
-}
-type Res = Promise<Template[]>
-
-async function handler({ idList }: Req) {
-  const token = await getToken()
-  if (!token) return []
-  const templates = new TemplateManager(token)
-
-  const userTemplates = templates.deleteTemplates(idList)
-  if (!userTemplates) throw new Error(`Templates not found`)
+type Req = DeleteTemplateArgs
+type Res = Promise<void>
 
-  return userTemplates
+async function handler({ ids }: Req): Res {
+  const user = await getAuthUser()
+  const templates = new TemplateManager(user)
+  await templates.deleteTemplates({ ids })
 }
 
 export async function deleteTemplates(args: Req) {
diff --git a/src/api/actions/templates/get/by-id.ts b/src/api/actions/templates/get/by-id.ts
new file mode 100644
index 0000000..e23191e
--- /dev/null
+++ b/src/api/actions/templates/get/by-id.ts
@@ -0,0 +1,19 @@
+'use server'
+import { executor, getAuthUser } from 'middleware'
+import { TemplateManager } from 'core/managers/template'
+import { Template } from 'core/collections'
+
+type Req = {
+  id: Template['id']
+}
+type Res = Promise<Template>
+
+async function handler({ id }: Req): Res {
+  const user = await getAuthUser()
+  const templates = new TemplateManager(user)
+  return await templates.getById(id)
+}
+
+export async function getTemplatesById(args: Req) {
+  return await executor<Req, Res>('actions/templates/get/by-id', handler, args)
+}
diff --git a/src/api/actions/templates/get/by-user.ts b/src/api/actions/templates/get/by-user.ts
index d1bf5df..8d50e62 100644
--- a/src/api/actions/templates/get/by-user.ts
+++ b/src/api/actions/templates/get/by-user.ts
@@ -1,23 +1,18 @@
 'use server'
-import { Template } from 'api/core/collections'
-import { TemplateManager } from 'api/core/managers'
-import { executor, getToken } from 'middleware'
+import { executor, getAuthUser } from 'middleware'
+import { TemplateManager } from 'core/managers/template'
+import { Template } from 'core/collections'
 
 type Req = void
 type Res = Promise<Template[]>
 
-async function handler() {
-  const token = await getToken()
-  if (!token) return []
-  const templates = new TemplateManager(token)
-
-  const userTemplates = templates.getUserTemplates()
-  if (!userTemplates) throw new Error(`Templates not found`)
-
-  return userTemplates
+async function handler(): Res {
+  const user = await getAuthUser()
+  const templates = new TemplateManager(user)
+  return await templates.getByUser()
 }
 
-export async function getByUser(args: Req) {
+export async function getTemplatesByUser(args: Req) {
   return await executor<Req, Res>(
     'actions/templates/get/by-user',
     handler,
diff --git a/src/api/actions/templates/get/feed.ts b/src/api/actions/templates/get/feed.ts
new file mode 100644
index 0000000..a9bf4b0
--- /dev/null
+++ b/src/api/actions/templates/get/feed.ts
@@ -0,0 +1,17 @@
+'use server'
+import { executor, getAuthUser } from 'middleware'
+import { TemplateManager } from 'core/managers/template'
+import { Template } from 'core/collections'
+
+type Req = void
+type Res = Promise<Template[]>
+
+async function handler(): Res {
+  const user = await getAuthUser()
+  const templates = new TemplateManager(user)
+  return await templates.getFeed()
+}
+
+export async function getFeedTemplates(args: Req) {
+  return await executor<Req, Res>('actions/templates/get/feed', handler, args)
+}
diff --git a/src/api/actions/templates/index.ts b/src/api/actions/templates/index.ts
index dc102a8..7c6eb12 100644
--- a/src/api/actions/templates/index.ts
+++ b/src/api/actions/templates/index.ts
@@ -1,2 +1,17 @@
-export { getByUser } from './get/by-user'
-export { deleteTemplates } from './delete'
+import { getTemplatesByUser } from './get/by-user'
+import { getFeedTemplates } from './get/feed'
+import { getTemplatesById } from './get/by-id'
+import { createTemplate } from './create'
+import { updateTemplate } from './update'
+import { deleteTemplates } from './delete'
+
+export const templateActions = {
+  get: {
+    byUser: getTemplatesByUser,
+    feed: getFeedTemplates,
+    byId: getTemplatesById
+  },
+  add: createTemplate,
+  update: updateTemplate,
+  delete: deleteTemplates
+}
diff --git a/src/api/actions/templates/update.ts b/src/api/actions/templates/update.ts
new file mode 100644
index 0000000..e9cecbf
--- /dev/null
+++ b/src/api/actions/templates/update.ts
@@ -0,0 +1,17 @@
+'use server'
+import { executor, getAuthUser } from 'middleware'
+import { TemplateManager, UpdateTemplateArgs } from 'core/managers/template'
+import { Template } from 'core/collections'
+
+type Req = UpdateTemplateArgs
+type Res = Promise<Template>
+
+async function handler(data: Req): Res {
+  const user = await getAuthUser()
+  const templates = new TemplateManager(user)
+  return await templates.updateTemplate(data)
+}
+
+export async function updateTemplate(args: Req) {
+  return await executor<Req, Res>('actions/templates/update', handler, args)
+}
diff --git a/src/api/core/collections/index.ts b/src/api/core/collections/index.ts
index bd99e33..84decf1 100644
--- a/src/api/core/collections/index.ts
+++ b/src/api/core/collections/index.ts
@@ -1,3 +1,3 @@
 export type { Project } from './project'
 export type { Template } from './template'
-export type { User } from './user'
+export type { User, UserRef } from './user'
diff --git a/src/api/core/collections/project.ts b/src/api/core/collections/project.ts
index 132ed33..7d27051 100644
--- a/src/api/core/collections/project.ts
+++ b/src/api/core/collections/project.ts
@@ -1,4 +1,4 @@
-import { Template, User } from 'api/core/collections'
+import { Template, UserRef } from 'api/core/collections'
 
 interface Bead {
   color: string
@@ -13,7 +13,7 @@ export interface Project {
   id: string
   title: Template['title']
   type: Template['type']
-  owner: User
+  owner: UserRef
   schema: Bead[][]
   materials: BeadCount[]
   progress: number
diff --git a/src/api/core/collections/template.ts b/src/api/core/collections/template.ts
index 0020122..289a2b1 100644
--- a/src/api/core/collections/template.ts
+++ b/src/api/core/collections/template.ts
@@ -1,17 +1,13 @@
-import { User } from 'api/core/collections'
+import { UserRef } from 'api/core/collections'
+import { Enums } from 'api/db'
 
-type SchemaType =
-  | 'loom'
-  | 'cross'
-  | 'peyote'
-  | 'diamond'
-  | 'detailed'
-  | 'flower'
+type SchemaType = Enums<'schema_type'>
 
 export interface Template {
   id: string
   title: string
-  owner: User
+  owner: UserRef
   type: SchemaType
   schema: string[][]
+  isPublished: boolean
 }
diff --git a/src/api/core/collections/user.ts b/src/api/core/collections/user.ts
index e8659d0..0d8b357 100644
--- a/src/api/core/collections/user.ts
+++ b/src/api/core/collections/user.ts
@@ -13,3 +13,5 @@ export interface User {
   banReason?: Nullable<string>
   banExpires?: Nullable<Date>
 }
+
+export type UserRef = Pick<User, 'id' | 'name'>
diff --git a/src/api/core/db.ts b/src/api/core/db.ts
deleted file mode 100644
index 8742de9..0000000
--- a/src/api/core/db.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Client, QueryOptions, Query } from 'fauna'
-
-export class Database {
-  private readonly client: Client
-
-  constructor(token: string) {
-    this.client = new Client({ secret: token })
-  }
-
-  async query(query: Query, options?: QueryOptions) {
-    return await this.client.query(query, options)
-  }
-}
diff --git a/src/api/core/managers/index.ts b/src/api/core/managers/index.ts
deleted file mode 100644
index 26afcbd..0000000
--- a/src/api/core/managers/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { Manager } from './manager'
-export { ProjectManager } from './project'
-export { TemplateManager } from './template'
diff --git a/src/api/core/managers/manager.ts b/src/api/core/managers/manager.ts
deleted file mode 100644
index c4cd736..0000000
--- a/src/api/core/managers/manager.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Database } from 'api/core/db'
-
-export abstract class Manager {
-  protected readonly db: Database
-
-  constructor(userToken: string) {
-    this.db = new Database(userToken)
-  }
-
-  toJSON(value: unknown) {
-    return JSON.parse(JSON.stringify(value))
-  }
-}
diff --git a/src/api/core/managers/project.ts b/src/api/core/managers/project.ts
deleted file mode 100644
index 747b3de..0000000
--- a/src/api/core/managers/project.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { fql, QueryValue } from 'fauna'
-import { Manager } from 'api/core/managers'
-import { Project } from 'api/core/collections'
-
-export class ProjectManager extends Manager {
-  async getById(id: string): Promise<Project> {
-    console.debug(`DB: Fetch project with id ${id}`)
-
-    const q = fql`Project.byId(${id}) { id, title, type, schema, materials, progress }`
-    const res = await this.db.query(q)
-
-    return this.toJSON(res.data) as Project
-  }
-
-  async getUserProjects(): Promise<Project[]> {
-    console.debug(`DB: Fetch user projects`)
-
-    const q = fql`
-      let user = Query.identity()
-      Project.byOwner(user) { id, title, type, schema, materials, progress }
-    `
-    const res = await this.db.query(q)
-
-    return this.toJSON(res.data) as Project[]
-  }
-
-  async addProject({
-    title,
-    type,
-    schema: schemaPassed,
-    materials: materialsPassed
-  }: Omit<Project, 'id' | 'owner' | 'progress'>): Promise<Project[]> {
-    console.debug(`DB: Create new project`)
-
-    const schema = schemaPassed as unknown as QueryValue
-    const materials = materialsPassed as unknown as QueryValue
-
-    const q = fql`CreateProject(${title}, ${type}, ${schema}, ${materials})`
-    await this.db.query(q)
-
-    return this.getUserProjects()
-  }
-
-  async updateProject({
-    id,
-    title,
-    type,
-    schema: schemaPassed,
-    progress
-  }: Omit<Project, 'owner' | 'materials'>): Promise<Project[]> {
-    console.debug(`DB: Update project with id ${id}`)
-
-    const schema = schemaPassed as unknown as QueryValue
-
-    const q = fql`UpdateProject(${id}, ${title}, ${type}, ${schema}, ${progress})`
-    await this.db.query(q)
-
-    return this.getUserProjects()
-  }
-
-  async deleteProject(id: Project['id']): Promise<Project[]> {
-    console.debug(`DB: Delete project with id ${id}`)
-
-    const q = fql`DeleteProject(${id})`
-    await this.db.query(q)
-
-    return this.getUserProjects()
-  }
-
-  async deleteProjects(idList: Project['id'][]): Promise<Project[]> {
-    console.debug(`DB: Delete projects with id ${JSON.stringify(idList)}`)
-
-    const q = fql`DeleteProjects(${idList})`
-    await this.db.query(q)
-
-    return this.getUserProjects()
-  }
-}
diff --git a/src/api/core/managers/template.ts b/src/api/core/managers/template.ts
index bf27dab..7676e95 100644
--- a/src/api/core/managers/template.ts
+++ b/src/api/core/managers/template.ts
@@ -1,71 +1,128 @@
-import { fql } from 'fauna'
-import { Manager } from 'api/core/managers'
-import { Template } from 'api/core/collections'
+import { eq, ne, and, inArray } from 'drizzle-orm'
+import { db, pgTemplates, Tables } from 'api/db'
+import { Template, User } from 'core/collections'
+
+type TemplateRes = {
+  id: Tables<'templates'>['id']
+  title: Tables<'templates'>['title']
+  userId: Tables<'templates'>['user_id']
+  userName: Tables<'templates'>['user_name']
+  type: Tables<'templates'>['type']
+  schema: Tables<'templates'>['schema']
+  isPublished: Tables<'templates'>['is_published']
+}
+
+export type UpdateTemplateArgs = Pick<
+  Template,
+  'id' | 'title' | 'type' | 'schema'
+>
+export type DeleteTemplateArgs = {
+  ids: Template['id'][]
+}
+
+export class TemplateManager {
+  private readonly userId: string
+  private readonly userName: string
+
+  constructor(user: User) {
+    this.userId = user.id
+    this.userName = user.name
+  }
+
+  toDto(res: TemplateRes[]): Template[] {
+    return res.map(template => ({
+      id: template.id,
+      title: template.title,
+      owner: {
+        id: template.userId,
+        name: template.userName
+      },
+      type: template.type,
+      schema: (Array.isArray(template.schema)
+        ? template.schema
+        : []) as string[][],
+      isPublished: template.isPublished
+    }))
+  }
 
-export class TemplateManager extends Manager {
   async getById(id: string): Promise<Template> {
     console.debug(`DB: Fetch template with id ${id}`)
 
-    const q = fql`Template.byId(${id}) { id, title, type, schema }`
-    const res = await this.db.query(q)
+    const res = await db
+      .select()
+      .from(pgTemplates)
+      .where(eq(pgTemplates.id, id))
 
-    return this.toJSON(res.data) as Template
+    const template = this.toDto(res)?.[0]
+    if (!template) throw new Error(`Template with id ${id} not found`)
+    if (template.owner.id !== this.userId && !template.isPublished)
+      throw new Error(`User does not have access to template with id ${id}`)
+
+    return template
   }
 
-  async getUserTemplates(): Promise<Template[]> {
+  async getByUser(): Promise<Template[]> {
     console.debug(`DB: Fetch user templates`)
 
-    const q = fql`
-      let user = Query.identity()
-      Template.byOwner(user) { id, title, type, schema }
-    `
-    const res = await this.db.query(q)
+    const res = await db
+      .select()
+      .from(pgTemplates)
+      .where(eq(pgTemplates.userId, this.userId))
+    return this.toDto(res)
+  }
 
-    return this.toJSON(res.data) as Template[]
+  async getFeed(): Promise<Template[]> {
+    console.debug(`DB: Fetch feed templates`)
+
+    const res = await db
+      .select()
+      .from(pgTemplates)
+      .where(
+        and(
+          ne(pgTemplates.userId, this.userId),
+          eq(pgTemplates.isPublished, true)
+        )
+      )
+    return this.toDto(res)
   }
 
-  async addTemplate({
-    title,
-    type,
-    schema
-  }: Omit<Template, 'id' | 'owner'>): Promise<Template[]> {
+  async createTemplate(): Promise<Template> {
     console.debug(`DB: Create new template`)
 
-    const q = fql`CreateTemplate(${title}, ${type}, ${schema})`
-    await this.db.query(q)
+    const res = await db
+      .insert(pgTemplates)
+      .values({
+        title: 'New Template',
+        userId: this.userId,
+        userName: this.userName,
+        type: 'loom'
+      })
+      .returning()
 
-    return this.getUserTemplates()
+    const template = this.toDto(res)?.[0]
+    if (!template) throw new Error('Template not created')
+
+    return template
   }
 
-  async updateTemplate({
-    id,
-    title,
-    type,
-    schema
-  }: Omit<Template, 'owner'>): Promise<Template[]> {
+  async updateTemplate({ id, ...data }: UpdateTemplateArgs): Promise<Template> {
     console.debug(`DB: Update template with id ${id}`)
 
-    const q = fql`UpdateTemplate(${id}, ${title}, ${type}, ${schema})`
-    await this.db.query(q)
+    const res = await db
+      .update(pgTemplates)
+      .set(data)
+      .where(and(eq(pgTemplates.id, id), eq(pgTemplates.userId, this.userId)))
+      .returning()
 
-    return this.getUserTemplates()
-  }
+    const template = this.toDto(res)?.[0]
+    if (!template) throw new Error(`Template with id ${id} not updated`)
 
-  async deleteTemplate(id: Template['id']): Promise<Template[]> {
-    console.debug(`DB: Delete template with id ${id}`)
-
-    const q = fql`DeleteTemplate(${id})`
-    await this.db.query(q)
-
-    return this.getUserTemplates()
+    return template
   }
 
-  async deleteTemplates(idList: Template['id'][]): Promise<Template[]> {
-    console.debug(`DB: Delete templates with id ${JSON.stringify(idList)}`)
-
-    const q = fql`DeleteTemplates(${idList})`
-    await this.db.query(q)
+  async deleteTemplates({ ids }: DeleteTemplateArgs): Promise<void> {
+    console.debug(`DB: Delete templates ${JSON.stringify(ids)}`)
 
-    return this.getUserTemplates()
+    await db.delete(pgTemplates).where(inArray(pgTemplates.id, ids))
   }
 }
diff --git a/src/api/db/index.ts b/src/api/db/index.ts
new file mode 100644
index 0000000..259ae73
--- /dev/null
+++ b/src/api/db/index.ts
@@ -0,0 +1,10 @@
+import { neon } from '@neondatabase/serverless'
+import { drizzle } from 'drizzle-orm/neon-http'
+import { templates } from './schema'
+
+const sql = neon(process.env.NEON_DATABASE_URL!)
+export const db = drizzle(sql)
+
+export type { Tables, TablesInsert, TablesUpdate, Enums } from './types'
+
+export { templates as pgTemplates }
diff --git a/src/api/db/relations.ts b/src/api/db/relations.ts
new file mode 100644
index 0000000..132c83e
--- /dev/null
+++ b/src/api/db/relations.ts
@@ -0,0 +1,75 @@
+import { relations } from 'drizzle-orm/relations'
+import {
+  organizationInNeonAuth,
+  invitationInNeonAuth,
+  userInNeonAuth,
+  sessionInNeonAuth,
+  accountInNeonAuth,
+  memberInNeonAuth
+} from './schema'
+
+export const invitationInNeonAuthRelations = relations(
+  invitationInNeonAuth,
+  ({ one }) => ({
+    organizationInNeonAuth: one(organizationInNeonAuth, {
+      fields: [invitationInNeonAuth.organizationId],
+      references: [organizationInNeonAuth.id]
+    }),
+    userInNeonAuth: one(userInNeonAuth, {
+      fields: [invitationInNeonAuth.inviterId],
+      references: [userInNeonAuth.id]
+    })
+  })
+)
+
+export const organizationInNeonAuthRelations = relations(
+  organizationInNeonAuth,
+  ({ many }) => ({
+    invitationInNeonAuths: many(invitationInNeonAuth),
+    memberInNeonAuths: many(memberInNeonAuth)
+  })
+)
+
+export const userInNeonAuthRelations = relations(
+  userInNeonAuth,
+  ({ many }) => ({
+    invitationInNeonAuths: many(invitationInNeonAuth),
+    sessionInNeonAuths: many(sessionInNeonAuth),
+    accountInNeonAuths: many(accountInNeonAuth),
+    memberInNeonAuths: many(memberInNeonAuth)
+  })
+)
+
+export const sessionInNeonAuthRelations = relations(
+  sessionInNeonAuth,
+  ({ one }) => ({
+    userInNeonAuth: one(userInNeonAuth, {
+      fields: [sessionInNeonAuth.userId],
+      references: [userInNeonAuth.id]
+    })
+  })
+)
+
+export const accountInNeonAuthRelations = relations(
+  accountInNeonAuth,
+  ({ one }) => ({
+    userInNeonAuth: one(userInNeonAuth, {
+      fields: [accountInNeonAuth.userId],
+      references: [userInNeonAuth.id]
+    })
+  })
+)
+
+export const memberInNeonAuthRelations = relations(
+  memberInNeonAuth,
+  ({ one }) => ({
+    organizationInNeonAuth: one(organizationInNeonAuth, {
+      fields: [memberInNeonAuth.organizationId],
+      references: [organizationInNeonAuth.id]
+    }),
+    userInNeonAuth: one(userInNeonAuth, {
+      fields: [memberInNeonAuth.userId],
+      references: [userInNeonAuth.id]
+    })
+  })
+)
diff --git a/src/api/db/schema.ts b/src/api/db/schema.ts
new file mode 100644
index 0000000..2fd2456
--- /dev/null
+++ b/src/api/db/schema.ts
@@ -0,0 +1,258 @@
+/* eslint-disable */
+import {
+  pgTable,
+  pgSchema,
+  index,
+  foreignKey,
+  uuid,
+  text,
+  timestamp,
+  unique,
+  boolean,
+  uniqueIndex,
+  jsonb,
+  pgEnum
+} from 'drizzle-orm/pg-core'
+import { sql } from 'drizzle-orm'
+import { Tables } from 'api/db/types'
+
+export const neonAuth = pgSchema('neon_auth')
+export const schemaType = pgEnum('schema_type', [
+  'loom',
+  'cross',
+  'peyote',
+  'diamond',
+  'detailed',
+  'flower'
+])
+
+export const invitationInNeonAuth = neonAuth.table(
+  'invitation',
+  {
+    id: uuid().defaultRandom().primaryKey().notNull(),
+    organizationId: uuid().notNull(),
+    email: text().notNull(),
+    role: text(),
+    status: text().notNull(),
+    expiresAt: timestamp({ withTimezone: true, mode: 'string' }).notNull(),
+    createdAt: timestamp({ withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    inviterId: uuid().notNull()
+  },
+  table => [
+    index('invitation_email_idx').using(
+      'btree',
+      table.email.asc().nullsLast().op('text_ops')
+    ),
+    index('invitation_organizationId_idx').using(
+      'btree',
+      table.organizationId.asc().nullsLast().op('uuid_ops')
+    ),
+    foreignKey({
+      columns: [table.organizationId],
+      foreignColumns: [organizationInNeonAuth.id],
+      name: 'invitation_organizationId_fkey'
+    }).onDelete('cascade'),
+    foreignKey({
+      columns: [table.inviterId],
+      foreignColumns: [userInNeonAuth.id],
+      name: 'invitation_inviterId_fkey'
+    }).onDelete('cascade')
+  ]
+)
+
+export const userInNeonAuth = neonAuth.table(
+  'user',
+  {
+    id: uuid().defaultRandom().primaryKey().notNull(),
+    name: text().notNull(),
+    email: text().notNull(),
+    emailVerified: boolean().notNull(),
+    image: text(),
+    createdAt: timestamp({ withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: timestamp({ withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    role: text(),
+    banned: boolean(),
+    banReason: text(),
+    banExpires: timestamp({ withTimezone: true, mode: 'string' })
+  },
+  table => [unique('user_email_key').on(table.email)]
+)
+
+export const sessionInNeonAuth = neonAuth.table(
+  'session',
+  {
+    id: uuid().defaultRandom().primaryKey().notNull(),
+    expiresAt: timestamp({ withTimezone: true, mode: 'string' }).notNull(),
+    token: text().notNull(),
+    createdAt: timestamp({ withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: timestamp({ withTimezone: true, mode: 'string' }).notNull(),
+    ipAddress: text(),
+    userAgent: text(),
+    userId: uuid().notNull(),
+    impersonatedBy: text(),
+    activeOrganizationId: text()
+  },
+  table => [
+    index('session_userId_idx').using(
+      'btree',
+      table.userId.asc().nullsLast().op('uuid_ops')
+    ),
+    foreignKey({
+      columns: [table.userId],
+      foreignColumns: [userInNeonAuth.id],
+      name: 'session_userId_fkey'
+    }).onDelete('cascade'),
+    unique('session_token_key').on(table.token)
+  ]
+)
+
+export const organizationInNeonAuth = neonAuth.table(
+  'organization',
+  {
+    id: uuid().defaultRandom().primaryKey().notNull(),
+    name: text().notNull(),
+    slug: text().notNull(),
+    logo: text(),
+    createdAt: timestamp({ withTimezone: true, mode: 'string' }).notNull(),
+    metadata: text()
+  },
+  table => [
+    uniqueIndex('organization_slug_uidx').using(
+      'btree',
+      table.slug.asc().nullsLast().op('text_ops')
+    ),
+    unique('organization_slug_key').on(table.slug)
+  ]
+)
+
+export const accountInNeonAuth = neonAuth.table(
+  'account',
+  {
+    id: uuid().defaultRandom().primaryKey().notNull(),
+    accountId: text().notNull(),
+    providerId: text().notNull(),
+    userId: uuid().notNull(),
+    accessToken: text(),
+    refreshToken: text(),
+    idToken: text(),
+    accessTokenExpiresAt: timestamp({ withTimezone: true, mode: 'string' }),
+    refreshTokenExpiresAt: timestamp({ withTimezone: true, mode: 'string' }),
+    scope: text(),
+    password: text(),
+    createdAt: timestamp({ withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: timestamp({ withTimezone: true, mode: 'string' }).notNull()
+  },
+  table => [
+    index('account_userId_idx').using(
+      'btree',
+      table.userId.asc().nullsLast().op('uuid_ops')
+    ),
+    foreignKey({
+      columns: [table.userId],
+      foreignColumns: [userInNeonAuth.id],
+      name: 'account_userId_fkey'
+    }).onDelete('cascade')
+  ]
+)
+
+export const verificationInNeonAuth = neonAuth.table(
+  'verification',
+  {
+    id: uuid().defaultRandom().primaryKey().notNull(),
+    identifier: text().notNull(),
+    value: text().notNull(),
+    expiresAt: timestamp({ withTimezone: true, mode: 'string' }).notNull(),
+    createdAt: timestamp({ withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: timestamp({ withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull()
+  },
+  table => [
+    index('verification_identifier_idx').using(
+      'btree',
+      table.identifier.asc().nullsLast().op('text_ops')
+    )
+  ]
+)
+
+export const jwksInNeonAuth = neonAuth.table('jwks', {
+  id: uuid().defaultRandom().primaryKey().notNull(),
+  publicKey: text().notNull(),
+  privateKey: text().notNull(),
+  createdAt: timestamp({ withTimezone: true, mode: 'string' }).notNull(),
+  expiresAt: timestamp({ withTimezone: true, mode: 'string' })
+})
+
+export const memberInNeonAuth = neonAuth.table(
+  'member',
+  {
+    id: uuid().defaultRandom().primaryKey().notNull(),
+    organizationId: uuid().notNull(),
+    userId: uuid().notNull(),
+    role: text().notNull(),
+    createdAt: timestamp({ withTimezone: true, mode: 'string' }).notNull()
+  },
+  table => [
+    index('member_organizationId_idx').using(
+      'btree',
+      table.organizationId.asc().nullsLast().op('uuid_ops')
+    ),
+    index('member_userId_idx').using(
+      'btree',
+      table.userId.asc().nullsLast().op('uuid_ops')
+    ),
+    foreignKey({
+      columns: [table.organizationId],
+      foreignColumns: [organizationInNeonAuth.id],
+      name: 'member_organizationId_fkey'
+    }).onDelete('cascade'),
+    foreignKey({
+      columns: [table.userId],
+      foreignColumns: [userInNeonAuth.id],
+      name: 'member_userId_fkey'
+    }).onDelete('cascade')
+  ]
+)
+
+export const projectConfigInNeonAuth = neonAuth.table(
+  'project_config',
+  {
+    id: uuid().defaultRandom().primaryKey().notNull(),
+    name: text().notNull(),
+    endpointId: text('endpoint_id').notNull(),
+    createdAt: timestamp('created_at', { withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: timestamp('updated_at', { withTimezone: true, mode: 'string' })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    trustedOrigins: jsonb('trusted_origins').notNull(),
+    socialProviders: jsonb('social_providers').notNull(),
+    emailProvider: jsonb('email_provider'),
+    emailAndPassword: jsonb('email_and_password'),
+    allowLocalhost: boolean('allow_localhost').notNull()
+  },
+  table => [unique('project_config_endpoint_id_key').on(table.endpointId)]
+)
+
+export const templates = pgTable('templates', {
+  id: uuid().defaultRandom().primaryKey().notNull(),
+  title: text().notNull(),
+  userId: text('user_id').notNull(),
+  userName: text('user_name').notNull(),
+  type: schemaType().notNull(),
+  schema: jsonb().$type<Tables<'templates'>['schema']>().default([]).notNull(),
+  isPublished: boolean('is_published').default(false).notNull()
+})
diff --git a/src/api/db/types.ts b/src/api/db/types.ts
new file mode 100644
index 0000000..de6450f
--- /dev/null
+++ b/src/api/db/types.ts
@@ -0,0 +1,187 @@
+export type Json =
+  | string
+  | number
+  | boolean
+  | null
+  | { [key: string]: Json | undefined }
+  | Json[]
+
+export type Database = {
+  public: {
+    Tables: {
+      templates: {
+        Row: {
+          id: string
+          is_published: boolean
+          schema: Json
+          title: string
+          type: Database['public']['Enums']['schema_type']
+          user_id: string
+          user_name: string
+        }
+        Insert: {
+          id?: string
+          is_published?: boolean
+          schema?: Json
+          title: string
+          type: Database['public']['Enums']['schema_type']
+          user_id: string
+          user_name: string
+        }
+        Update: {
+          id?: string
+          is_published?: boolean
+          schema?: Json
+          title?: string
+          type?: Database['public']['Enums']['schema_type']
+          user_id?: string
+          user_name?: string
+        }
+        Relationships: []
+      }
+    }
+    Views: {
+      [_ in never]: never
+    }
+    Functions: {
+      [_ in never]: never
+    }
+    Enums: {
+      schema_type:
+        | 'loom'
+        | 'cross'
+        | 'peyote'
+        | 'diamond'
+        | 'detailed'
+        | 'flower'
+    }
+    CompositeTypes: {
+      [_ in never]: never
+    }
+  }
+}
+
+type DatabaseWithoutInternals = Omit<Database, '__InternalSupabase'>
+
+type DefaultSchema = DatabaseWithoutInternals[Extract<keyof Database, 'public'>]
+
+export type Tables<
+  DefaultSchemaTableNameOrOptions extends
+    | keyof (DefaultSchema['Tables'] & DefaultSchema['Views'])
+    | { schema: keyof DatabaseWithoutInternals },
+  TableName extends DefaultSchemaTableNameOrOptions extends {
+    schema: keyof DatabaseWithoutInternals
+  }
+    ? keyof (DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions['schema']]['Tables'] &
+        DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions['schema']]['Views'])
+    : never = never
+> = DefaultSchemaTableNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? (DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions['schema']]['Tables'] &
+      DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions['schema']]['Views'])[TableName] extends {
+      Row: infer R
+    }
+    ? R
+    : never
+  : DefaultSchemaTableNameOrOptions extends keyof (DefaultSchema['Tables'] &
+      DefaultSchema['Views'])
+  ? (DefaultSchema['Tables'] &
+      DefaultSchema['Views'])[DefaultSchemaTableNameOrOptions] extends {
+      Row: infer R
+    }
+    ? R
+    : never
+  : never
+
+export type TablesInsert<
+  DefaultSchemaTableNameOrOptions extends
+    | keyof DefaultSchema['Tables']
+    | { schema: keyof DatabaseWithoutInternals },
+  TableName extends DefaultSchemaTableNameOrOptions extends {
+    schema: keyof DatabaseWithoutInternals
+  }
+    ? keyof DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions['schema']]['Tables']
+    : never = never
+> = DefaultSchemaTableNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions['schema']]['Tables'][TableName] extends {
+      Insert: infer I
+    }
+    ? I
+    : never
+  : DefaultSchemaTableNameOrOptions extends keyof DefaultSchema['Tables']
+  ? DefaultSchema['Tables'][DefaultSchemaTableNameOrOptions] extends {
+      Insert: infer I
+    }
+    ? I
+    : never
+  : never
+
+export type TablesUpdate<
+  DefaultSchemaTableNameOrOptions extends
+    | keyof DefaultSchema['Tables']
+    | { schema: keyof DatabaseWithoutInternals },
+  TableName extends DefaultSchemaTableNameOrOptions extends {
+    schema: keyof DatabaseWithoutInternals
+  }
+    ? keyof DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions['schema']]['Tables']
+    : never = never
+> = DefaultSchemaTableNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions['schema']]['Tables'][TableName] extends {
+      Update: infer U
+    }
+    ? U
+    : never
+  : DefaultSchemaTableNameOrOptions extends keyof DefaultSchema['Tables']
+  ? DefaultSchema['Tables'][DefaultSchemaTableNameOrOptions] extends {
+      Update: infer U
+    }
+    ? U
+    : never
+  : never
+
+export type Enums<
+  DefaultSchemaEnumNameOrOptions extends
+    | keyof DefaultSchema['Enums']
+    | { schema: keyof DatabaseWithoutInternals },
+  EnumName extends DefaultSchemaEnumNameOrOptions extends {
+    schema: keyof DatabaseWithoutInternals
+  }
+    ? keyof DatabaseWithoutInternals[DefaultSchemaEnumNameOrOptions['schema']]['Enums']
+    : never = never
+> = DefaultSchemaEnumNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? DatabaseWithoutInternals[DefaultSchemaEnumNameOrOptions['schema']]['Enums'][EnumName]
+  : DefaultSchemaEnumNameOrOptions extends keyof DefaultSchema['Enums']
+  ? DefaultSchema['Enums'][DefaultSchemaEnumNameOrOptions]
+  : never
+
+export type CompositeTypes<
+  PublicCompositeTypeNameOrOptions extends
+    | keyof DefaultSchema['CompositeTypes']
+    | { schema: keyof DatabaseWithoutInternals },
+  CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
+    schema: keyof DatabaseWithoutInternals
+  }
+    ? keyof DatabaseWithoutInternals[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes']
+    : never = never
+> = PublicCompositeTypeNameOrOptions extends {
+  schema: keyof DatabaseWithoutInternals
+}
+  ? DatabaseWithoutInternals[PublicCompositeTypeNameOrOptions['schema']]['CompositeTypes'][CompositeTypeName]
+  : PublicCompositeTypeNameOrOptions extends keyof DefaultSchema['CompositeTypes']
+  ? DefaultSchema['CompositeTypes'][PublicCompositeTypeNameOrOptions]
+  : never
+
+export const Constants = {
+  public: {
+    Enums: {
+      schema_type: ['loom', 'cross', 'peyote', 'diamond', 'detailed', 'flower']
+    }
+  }
+} as const
diff --git a/src/app/(dashboard)/layout.tsx b/src/app/(dashboard)/layout.tsx
index 6f9623e..94e4537 100644
--- a/src/app/(dashboard)/layout.tsx
+++ b/src/app/(dashboard)/layout.tsx
@@ -1,6 +1,10 @@
 import { PropsWithChildren } from 'react'
+import { actions } from 'actions'
 import { DashboardLayout } from 'widgets'
 
-export default function Layout({ children }: PropsWithChildren) {
-  return <DashboardLayout>{children}</DashboardLayout>
+export default async function Layout({ children }: PropsWithChildren) {
+  const templates = await actions.templates.get.byUser()
+  return (
+    <DashboardLayout templates={templates || []}>{children}</DashboardLayout>
+  )
 }
diff --git a/src/lib/app/layout.tsx b/src/lib/app/layout.tsx
index 11aefcb..6d5a140 100644
--- a/src/lib/app/layout.tsx
+++ b/src/lib/app/layout.tsx
@@ -34,6 +34,7 @@ export const Layout = ({ children }: PropsWithChildren) => {
           colorSchemeManager={colorSchemeManager}
         >
           <NeonAuthUIProvider
+            // @ts-ignore
             authClient={authClient}
             redirectTo={routes.myTemplates}
             emailOTP
diff --git a/src/lib/app/providers/dashboard-providers.tsx b/src/lib/app/providers/dashboard-providers.tsx
index d8cc1a9..9c183b8 100644
--- a/src/lib/app/providers/dashboard-providers.tsx
+++ b/src/lib/app/providers/dashboard-providers.tsx
@@ -1,7 +1,19 @@
 'use client'
 import { PropsWithChildren } from 'react'
+import { Template } from 'core/collections'
 import { UserProvider } from './user-provider'
+import { MyTemplatesProvider } from './my-templates-provider'
 
-export const DashboardProviders = ({ children }: PropsWithChildren) => {
-  return <UserProvider>{children}</UserProvider>
+export interface Props extends PropsWithChildren {
+  templates: Template[]
+}
+
+export const DashboardProviders = ({ templates, children }: Props) => {
+  return (
+    <UserProvider>
+      <MyTemplatesProvider templates={templates}>
+        {children}
+      </MyTemplatesProvider>
+    </UserProvider>
+  )
 }
diff --git a/src/lib/app/providers/my-templates-provider.tsx b/src/lib/app/providers/my-templates-provider.tsx
new file mode 100644
index 0000000..d05ff58
--- /dev/null
+++ b/src/lib/app/providers/my-templates-provider.tsx
@@ -0,0 +1,56 @@
+'use client'
+import { PropsWithChildren, useCallback, useMemo, useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { Template } from 'core/collections'
+import { actions } from 'actions'
+import { routes } from 'app/routes'
+import { MyTemplatesContext } from 'features/my-templates'
+
+interface Props extends PropsWithChildren {
+  templates: Template[]
+}
+
+export function MyTemplatesProvider({ templates, children }: Props) {
+  const router = useRouter()
+
+  const [myTemplates, setMyTemplates] = useState<Template[]>(templates)
+
+  const loadTemplates = useCallback(async () => {
+    const newMyTemplateList = await actions.templates.get.byUser()
+    setMyTemplates([...(newMyTemplateList || [])])
+  }, [])
+
+  const addTemplate = useCallback(() => {
+    ;(async () => {
+      const newTemplate = await actions.templates.add()
+      if (!newTemplate) throw new Error('Template not found')
+
+      router.push(`${routes.editTemplate}${newTemplate.id}`)
+      setTimeout(async () => await loadTemplates(), 1000)
+    })()
+  }, [router, loadTemplates])
+
+  const deleteTemplate = useCallback((templateId: Template['id']) => {
+    ;(async () => {
+      await actions.templates.delete({ ids: [templateId] })
+      const newMyTemplateList = await actions.templates.get.byUser()
+      setMyTemplates([...(newMyTemplateList || [])])
+    })()
+  }, [])
+
+  const contextValue = useMemo(
+    () => ({
+      myTemplates,
+      addTemplate,
+      deleteTemplate,
+      loadTemplates
+    }),
+    [myTemplates, addTemplate, deleteTemplate, loadTemplates]
+  )
+
+  return (
+    <MyTemplatesContext.Provider value={contextValue}>
+      {children}
+    </MyTemplatesContext.Provider>
+  )
+}
diff --git a/src/lib/features/my-templates/index.ts b/src/lib/features/my-templates/index.ts
new file mode 100644
index 0000000..dc6fd74
--- /dev/null
+++ b/src/lib/features/my-templates/index.ts
@@ -0,0 +1,2 @@
+export { MyTemplatesContext } from './my-templates-context'
+export { useMyTemplates } from './use-my-templates'
diff --git a/src/lib/features/my-templates/my-templates-context.ts b/src/lib/features/my-templates/my-templates-context.ts
new file mode 100644
index 0000000..211b047
--- /dev/null
+++ b/src/lib/features/my-templates/my-templates-context.ts
@@ -0,0 +1,14 @@
+'use client'
+import { createContext } from 'react'
+import { Template } from 'core/collections'
+
+export interface MyTemplatesContextType {
+  myTemplates: Template[]
+  loadTemplates: () => Promise<void>
+  addTemplate: () => void
+  deleteTemplate: (templateId: Template['id']) => void
+}
+
+export const MyTemplatesContext = createContext<MyTemplatesContextType | null>(
+  null
+)
diff --git a/src/lib/features/my-templates/use-my-templates.tsx b/src/lib/features/my-templates/use-my-templates.tsx
new file mode 100644
index 0000000..4877d2c
--- /dev/null
+++ b/src/lib/features/my-templates/use-my-templates.tsx
@@ -0,0 +1,10 @@
+'use client'
+import { useContext } from 'react'
+import { MyTemplatesContext } from './my-templates-context'
+
+export const useMyTemplates = () => {
+  const myTemplates = useContext(MyTemplatesContext)
+  if (!myTemplates)
+    throw new Error('Error: My templates context is not defined')
+  return myTemplates
+}
diff --git a/src/lib/features/user/user-context.ts b/src/lib/features/user/user-context.ts
index 7430fcc..f7fe80f 100644
--- a/src/lib/features/user/user-context.ts
+++ b/src/lib/features/user/user-context.ts
@@ -1,6 +1,6 @@
 'use client'
 import { createContext } from 'react'
-import { User } from 'core/collections'
+import { User } from 'api/core/collections'
 import { Nullable } from 'shared/types'
 
 export interface UserContextType {
diff --git a/src/lib/pages/my-templates/my-templates.tsx b/src/lib/pages/my-templates/my-templates.tsx
index 8b75a6f..c8cccc2 100644
--- a/src/lib/pages/my-templates/my-templates.tsx
+++ b/src/lib/pages/my-templates/my-templates.tsx
@@ -1,12 +1,24 @@
 'use client'
-import { useUser } from 'features/user'
+import { AddButton } from 'widgets'
+import { useI18n } from 'features/i18n'
+import { useMyTemplates } from 'features/my-templates'
+import { Flex } from 'shared/ui'
+import { TemplateCard } from './ui'
 
 export const MyTemplates = () => {
-  const { user } = useUser()
+  const { localize } = useI18n()
+  const { myTemplates, addTemplate } = useMyTemplates()
   return (
-    <div>
-      <h2>MyTemplates</h2>
-      <p>User info: {JSON.stringify(user)}</p>
-    </div>
+    <Flex column>
+      <Flex className="max-w-full flex-wrap gap-3" isGap>
+        <AddButton
+          onClick={addTemplate}
+          label={localize('dashboard.myTemplates.buttons.newTemplate')}
+        />
+        {myTemplates?.map(template => (
+          <TemplateCard key={template.id} template={template} />
+        ))}
+      </Flex>
+    </Flex>
   )
 }
diff --git a/src/lib/pages/my-templates/ui/index.ts b/src/lib/pages/my-templates/ui/index.ts
new file mode 100644
index 0000000..173fa1d
--- /dev/null
+++ b/src/lib/pages/my-templates/ui/index.ts
@@ -0,0 +1 @@
+export { TemplateCard } from './template-card/template-card'
diff --git a/src/lib/pages/my-templates/ui/template-card/delete-modal.tsx b/src/lib/pages/my-templates/ui/template-card/delete-modal.tsx
new file mode 100644
index 0000000..99a27bc
--- /dev/null
+++ b/src/lib/pages/my-templates/ui/template-card/delete-modal.tsx
@@ -0,0 +1,34 @@
+'use client'
+import { Template } from 'core/collections'
+import { useI18n } from 'features/i18n'
+import { useMyTemplates } from 'features/my-templates'
+import { Button, Flex } from 'shared/ui'
+
+interface Props {
+  templateId: Template['id']
+  closeAction: () => void
+}
+
+export const DeleteModal = ({ templateId, closeAction }: Props) => {
+  const { localize } = useI18n()
+  const { deleteTemplate } = useMyTemplates()
+  return (
+    <Flex column isGap className="gap-12">
+      {localize('dashboard.myTemplates.deleteModal.confirm')}
+      <Flex className="justify-end">
+        <Button theme="dark" onClick={closeAction}>
+          {localize('dashboard.myTemplates.buttons.cancel')}
+        </Button>
+        <Button
+          theme="warn"
+          onClick={() => {
+            deleteTemplate(templateId)
+            closeAction()
+          }}
+        >
+          {localize('dashboard.myTemplates.buttons.delete')}
+        </Button>
+      </Flex>
+    </Flex>
+  )
+}
diff --git a/src/lib/pages/my-templates/ui/template-card/template-card.tsx b/src/lib/pages/my-templates/ui/template-card/template-card.tsx
new file mode 100644
index 0000000..a74eddb
--- /dev/null
+++ b/src/lib/pages/my-templates/ui/template-card/template-card.tsx
@@ -0,0 +1,41 @@
+'use client'
+import Link from 'next/link'
+import { Template } from 'core/collections'
+import { routes } from 'app/routes'
+import { TemplateViews } from 'widgets'
+import { useI18n } from 'features/i18n'
+import { Badge, Flex } from 'shared/ui'
+import { TemplateMenu } from './template-menu'
+
+interface Props {
+  template: Template
+}
+
+export const TemplateCard = ({ template }: Props) => {
+  const { localize } = useI18n()
+  return (
+    <Flex
+      className="bg-support-50 w-[226px] h-[210px] rounded-md
+      border-secondary-200 dark:border-secondary-500 border-[1px] gap-0"
+      isGap
+      column
+    >
+      <Link href={`${routes.editTemplate}${template.id}`}>
+        <Flex className="justify-center *:h-[144px] bg-secondary-50 rounded-t overflow-hidden">
+          <TemplateViews
+            className="scale-[0.3]"
+            schema={template.schema}
+            type={template.type}
+          />
+        </Flex>
+      </Link>
+      <Flex className="justify-between p-2">
+        <Flex className="justify-between" column>
+          <h4 className="truncate font-bold max-w-[160px]">{template.title}</h4>
+          <Badge text={localize(`dashboard.schemaTypes.${template.type}`)} />
+        </Flex>
+        <TemplateMenu templateId={template.id} />
+      </Flex>
+    </Flex>
+  )
+}
diff --git a/src/lib/pages/my-templates/ui/template-card/template-menu.tsx b/src/lib/pages/my-templates/ui/template-card/template-menu.tsx
new file mode 100644
index 0000000..eda7360
--- /dev/null
+++ b/src/lib/pages/my-templates/ui/template-card/template-menu.tsx
@@ -0,0 +1,100 @@
+'use client'
+import {
+  IconDots,
+  IconPencil,
+  IconPlayerPlay,
+  IconTrash
+} from '@tabler/icons-react'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { ActionIcon, Menu, Modal } from '@mantine/core'
+import { useClickOutside, useDisclosure } from '@mantine/hooks'
+import { Template } from 'core/collections'
+import { routes } from 'app/routes'
+import { useI18n } from 'features/i18n'
+import { DeleteModal } from './delete-modal'
+
+interface Props {
+  templateId: Template['id']
+}
+
+export const TemplateMenu = ({ templateId }: Props) => {
+  const { localize } = useI18n()
+
+  const [opened, setOpened] = useState(false)
+  const ref = useClickOutside(() => setOpened(false))
+
+  const newProject = () => {
+    console.log('newProject')
+  }
+  const router = useRouter()
+
+  const [isModalOpened, { open: openModal, close: closeModal }] =
+    useDisclosure(false)
+  return (
+    <>
+      <Modal
+        opened={isModalOpened}
+        onClose={closeModal}
+        title={localize('dashboard.myTemplates.deleteModal.title')}
+      >
+        <DeleteModal templateId={templateId} closeAction={closeModal} />
+      </Modal>
+      <div ref={ref}>
+        <Menu
+          shadow="md"
+          width={200}
+          opened={opened}
+          position="bottom-end"
+          offset={0}
+          withArrow
+        >
+          <Menu.Target>
+            <ActionIcon
+              variant="subtle"
+              color="#bfbaba"
+              onClick={event => {
+                event.preventDefault()
+                setOpened(!opened)
+              }}
+            >
+              <IconDots size={24} className="stroke-secondary-500" />
+            </ActionIcon>
+          </Menu.Target>
+
+          <Menu.Dropdown className="max-w-fit">
+            <Menu.Item
+              onClick={event => {
+                event.preventDefault()
+                router.push(`${routes.editTemplate}${templateId}`)
+              }}
+              leftSection={<IconPencil size={14} />}
+            >
+              {localize('dashboard.myTemplates.buttons.edit')}
+            </Menu.Item>
+            <Menu.Item
+              onClick={event => {
+                event.preventDefault()
+                newProject()
+              }}
+              leftSection={<IconPlayerPlay size={14} />}
+            >
+              {localize('dashboard.myTemplates.buttons.bead')}
+            </Menu.Item>
+            <Menu.Item
+              onClick={event => {
+                event.preventDefault()
+                openModal()
+              }}
+              color="red"
+              leftSection={<IconTrash size={14} />}
+            >
+              {localize('dashboard.myTemplates.buttons.delete')}
+            </Menu.Item>
+          </Menu.Dropdown>
+        </Menu>
+      </div>
+    </>
+  )
+}
diff --git a/src/lib/shared/i18n/messages/en/dashboard.ts b/src/lib/shared/i18n/messages/en/dashboard.ts
index c20f77e..33b694b 100644
--- a/src/lib/shared/i18n/messages/en/dashboard.ts
+++ b/src/lib/shared/i18n/messages/en/dashboard.ts
@@ -11,6 +11,33 @@ const messages = {
     },
     logout: 'Log out',
     deleteAccount: 'Delete my account'
+  },
+  schemaTypes: {
+    loom: 'loom',
+    cross: 'cross',
+    peyote: 'peyote',
+    diamond: 'diamond',
+    detailed: 'detailed',
+    flower: 'flower'
+  },
+  myTemplates: {
+    buttons: {
+      newTemplate: 'New template',
+      delete: 'Delete',
+      remove: 'Remove from favourites',
+      bead: 'Bead template',
+      edit: 'Edit template',
+      cancel: 'Cancel'
+    },
+    tabs: {
+      all: 'All templates',
+      my: 'My templates',
+      fav: 'Favourite'
+    },
+    deleteModal: {
+      title: 'Delete template',
+      confirm: 'Do you want to delete this template?'
+    }
   }
 }
 
diff --git a/src/lib/shared/ui/badge.tsx b/src/lib/shared/ui/badge.tsx
new file mode 100644
index 0000000..1c2eb1c
--- /dev/null
+++ b/src/lib/shared/ui/badge.tsx
@@ -0,0 +1,16 @@
+import { Flex } from 'shared/ui/flex'
+
+interface Props {
+  text: string
+  className?: string
+}
+
+export const Badge = ({ text, className }: Props) => {
+  return (
+    <Flex
+      className={`items-center font-bold px-[10px] rounded-full text-secondary-50 bg-accent-500 text-xs w-fit ${className}`}
+    >
+      {text}
+    </Flex>
+  )
+}
diff --git a/src/lib/shared/ui/button.tsx b/src/lib/shared/ui/button.tsx
new file mode 100644
index 0000000..6b00fef
--- /dev/null
+++ b/src/lib/shared/ui/button.tsx
@@ -0,0 +1,67 @@
+import { IconLoader2 } from '@tabler/icons-react'
+
+import { MouseEventHandler, PropsWithChildren } from 'react'
+import { Flex } from 'shared/ui'
+
+interface Props extends PropsWithChildren {
+  className?: string
+  theme?: 'accent' | 'dark' | 'warn'
+  tooltip?: string
+  loading?: boolean
+  disabled?: boolean
+  onClick?: MouseEventHandler<HTMLButtonElement>
+  otherProps?: Record<string, unknown>
+}
+
+export const Button = ({
+  className,
+  theme = 'accent',
+  tooltip,
+  loading,
+  disabled,
+  onClick,
+  otherProps,
+  children
+}: Props) => {
+  let colors
+  switch (theme) {
+    case 'dark':
+      colors =
+        'bg-secondary-900 hover:bg-secondary-950 disabled:bg-secondary-700'
+      break
+    case 'warn':
+      colors = 'bg-support-300 hover:bg-support-400 disabled:bg-support-200'
+      break
+    default:
+      colors = 'bg-accent-500 hover:bg-accent-600 disabled:bg-accent-300'
+  }
+  return (
+    <>
+      <button
+        className={`flex justify-center items-center gap-1 flex-nowrap
+         text-secondary-100 ${colors}
+         p-2 rounded
+         active:translate-y-0.5 group/tooltip
+         disabled:cursor-not-allowed
+         disabled:translate-y-0
+         ${className}`}
+        disabled={loading || disabled}
+        onClick={onClick}
+        {...otherProps}
+      >
+        {loading && <IconLoader2 size={18} className="animate-spin mr-1" />}
+        {tooltip && (
+          <Flex
+            column
+            className="opacity-0 group-hover/tooltip:opacity-100 absolute top-[-40px] bg-secondary-950
+            px-2 py-1 rounded z-[110] items-center"
+          >
+            {tooltip}
+            <div className="absolute bg-secondary-950 h-2 w-2 rotate-45 bottom-[-4px]"></div>
+          </Flex>
+        )}
+        {children}
+      </button>
+    </>
+  )
+}
diff --git a/src/lib/shared/ui/index.ts b/src/lib/shared/ui/index.ts
index 9f9a899..05fe7a6 100644
--- a/src/lib/shared/ui/index.ts
+++ b/src/lib/shared/ui/index.ts
@@ -1,2 +1,4 @@
+export { Badge } from './badge'
+export { Button } from './button'
 export { Flex } from './flex'
 export { ScreenCenter } from './screen-center'
diff --git a/src/lib/widgets/add-button.tsx b/src/lib/widgets/add-button.tsx
new file mode 100644
index 0000000..6bc8b13
--- /dev/null
+++ b/src/lib/widgets/add-button.tsx
@@ -0,0 +1,24 @@
+import { IconCirclePlus } from '@tabler/icons-react'
+
+import { MouseEventHandler } from 'react'
+
+interface Props {
+  label: string
+  onClick: MouseEventHandler<HTMLButtonElement>
+}
+
+export const AddButton = ({ label, onClick }: Props) => {
+  return (
+    <button
+      onClick={onClick}
+      className="
+      flex flex-col items-center justify-center
+      bg-secondary-50 text-secondary-500
+      hover:bg-accent-50 hover:text-accent-500
+      w-[226px] h-[210px] rounded-md border-secondary-200 dark:border-secondary-500 border-[1px]"
+    >
+      <IconCirclePlus size={48} stroke={1} />
+      <p>{label}</p>
+    </button>
+  )
+}
diff --git a/src/lib/widgets/bead.tsx b/src/lib/widgets/bead.tsx
new file mode 100644
index 0000000..4ebb300
--- /dev/null
+++ b/src/lib/widgets/bead.tsx
@@ -0,0 +1,36 @@
+import { IconCheck } from '@tabler/icons-react'
+
+interface Props {
+  color?: string
+  isBeaded?: boolean
+  onClick?: () => void
+  isEditor: boolean
+}
+
+export const Bead = ({ color, isBeaded, onClick, isEditor }: Props) => {
+  return (
+    <div
+      onClick={() => {
+        if (!isEditor && !color) return
+        if (!onClick) return
+        onClick()
+      }}
+      className={`
+      ${isEditor || color ? 'shadow-lg' : ''}
+      relative w-[30px] h-[30px] rounded-full ${
+        isEditor && 'border-[1px] border-secondary-500'
+      }`}
+      style={{ background: color, borderColor: color }}
+    >
+      {isBeaded && (
+        <>
+          <div className="absolute w-[30px] h-[30px] rounded-full bg-secondary-950 opacity-60" />
+          <IconCheck
+            size={24}
+            className="absolute text-secondary-50 mt-[3px] ml-[3px]"
+          />
+        </>
+      )}
+    </div>
+  )
+}
diff --git a/src/lib/widgets/dashboard-layout/dashboard-layout.tsx b/src/lib/widgets/dashboard-layout/dashboard-layout.tsx
index 80fab58..7d8e61e 100644
--- a/src/lib/widgets/dashboard-layout/dashboard-layout.tsx
+++ b/src/lib/widgets/dashboard-layout/dashboard-layout.tsx
@@ -2,15 +2,20 @@
 import { PropsWithChildren } from 'react'
 import { SignedIn, SignedOut } from '@neondatabase/auth/react'
 
+import { Template } from 'core/collections'
 import { DashboardProviders } from 'app/providers'
 import { Header } from 'widgets'
 import { useI18n } from 'features/i18n'
 import { Flex } from 'shared/ui'
 
-export const DashboardLayout = ({ children }: PropsWithChildren) => {
+interface Props extends PropsWithChildren {
+  templates: Template[]
+}
+
+export const DashboardLayout = ({ templates, children }: Props) => {
   const { localize } = useI18n()
   return (
-    <DashboardProviders>
+    <DashboardProviders templates={templates}>
       <div className="h-screen px-[70px] text-beadLoop-black dark:text-beadLoop-light05">
         <Header className="h-[42px] my-[24px]" />
         <Flex className="min-h-[calc(100vh-42px)] gap-[20px]">
diff --git a/src/lib/widgets/index.ts b/src/lib/widgets/index.ts
index e43f5e2..5b34535 100644
--- a/src/lib/widgets/index.ts
+++ b/src/lib/widgets/index.ts
@@ -1,5 +1,8 @@
+export { AuthView } from './auth-view/auth-view'
 export { DashboardLayout } from './dashboard-layout/dashboard-layout'
 export { Header } from './header/header'
 export { LangToggle } from './header/lang-toggle'
 export { ThemeToggle } from './header/theme-toggle'
-export { AuthView } from './auth-view/auth-view'
+export { TemplateViews } from './template-views'
+export { AddButton } from './add-button'
+export { Bead } from './bead'
diff --git a/src/lib/widgets/template-views/index.ts b/src/lib/widgets/template-views/index.ts
new file mode 100644
index 0000000..98b6cfd
--- /dev/null
+++ b/src/lib/widgets/template-views/index.ts
@@ -0,0 +1 @@
+export { TemplateViews } from './template-views'
diff --git a/src/lib/widgets/template-views/loom.tsx b/src/lib/widgets/template-views/loom.tsx
new file mode 100644
index 0000000..0a081ee
--- /dev/null
+++ b/src/lib/widgets/template-views/loom.tsx
@@ -0,0 +1,38 @@
+import { Project, Template } from 'core/collections'
+import { Bead } from 'widgets'
+import { Flex } from 'shared/ui'
+
+interface Props {
+  className: string
+  schema: Template['schema'] | Project['schema']
+  onClick?: (rows: number, columns: number) => void
+  isEditor: boolean
+}
+
+export const LoomTemplateView = ({
+  className,
+  schema,
+  onClick,
+  isEditor
+}: Props) => {
+  return (
+    <Flex column isGap className={`gap-0 min-w-fit ${className}`}>
+      {schema?.map((row, i) => (
+        <Flex key={`col-${i}`} isGap className="gap-0">
+          {row?.map((bead, j) => (
+            <Bead
+              key={`col-${i}-bead-${j}`}
+              color={typeof bead === 'string' ? bead : bead.color}
+              isBeaded={typeof bead === 'string' ? false : bead.isBeaded}
+              isEditor={isEditor}
+              onClick={() => {
+                if (!onClick) return
+                onClick(i, j)
+              }}
+            />
+          ))}
+        </Flex>
+      ))}
+    </Flex>
+  )
+}
diff --git a/src/lib/widgets/template-views/peyote.tsx b/src/lib/widgets/template-views/peyote.tsx
new file mode 100644
index 0000000..5013045
--- /dev/null
+++ b/src/lib/widgets/template-views/peyote.tsx
@@ -0,0 +1,42 @@
+import { Project, Template } from 'core/collections'
+import { Bead } from 'widgets'
+import { Flex } from 'shared/ui'
+
+interface Props {
+  className: string
+  schema: Template['schema'] | Project['schema']
+  onClick?: (row: number, column: number) => void
+  isEditor: boolean
+}
+
+export const PeyoteTemplateView = ({
+  className,
+  schema,
+  onClick,
+  isEditor
+}: Props) => {
+  return (
+    <Flex column isGap className={`gap-0 min-w-fit ${className}`}>
+      {schema?.map((row, i) => (
+        <Flex
+          key={`col-${i}`}
+          isGap
+          className={`gap-0 mt-[-4px] ${i % 2 === 0 ? 'ml-[-15px]' : ''}`}
+        >
+          {row?.map((bead, j) => (
+            <Bead
+              key={`col-${i}-bead-${j}`}
+              color={typeof bead === 'string' ? bead : bead.color}
+              isBeaded={typeof bead === 'string' ? false : bead.isBeaded}
+              isEditor={isEditor}
+              onClick={() => {
+                if (!onClick) return
+                onClick(i, j)
+              }}
+            />
+          ))}
+        </Flex>
+      ))}
+    </Flex>
+  )
+}
diff --git a/src/lib/widgets/template-views/template-views.tsx b/src/lib/widgets/template-views/template-views.tsx
new file mode 100644
index 0000000..409d168
--- /dev/null
+++ b/src/lib/widgets/template-views/template-views.tsx
@@ -0,0 +1,32 @@
+import { Project, Template } from 'core/collections'
+import { LoomTemplateView } from './loom'
+import { PeyoteTemplateView } from './peyote'
+
+interface Props {
+  schema: Template['schema'] | Project['schema']
+  type: Template['type']
+  className: string
+  onClick?: (rows: number, columns: number) => void
+  isEditor?: boolean
+}
+
+export const TemplateViews = ({
+  schema,
+  type,
+  className,
+  onClick,
+  isEditor = false
+}: Props) => {
+  const props = {
+    schema,
+    className,
+    onClick,
+    isEditor
+  }
+  return (
+    <>
+      {type === 'loom' && <LoomTemplateView {...props} />}
+      {type === 'peyote' && <PeyoteTemplateView {...props} />}
+    </>
+  )
+}
diff --git a/src/proxy.ts b/src/proxy.ts
index 488b340..07e3c3a 100644
--- a/src/proxy.ts
+++ b/src/proxy.ts
@@ -1,9 +1,17 @@
 import { auth } from 'api/auth'
+import { NextRequest } from 'next/server'
 
-export default auth.middleware({
+const authMiddleware = auth.middleware({
   loginUrl: '/auth/sign-in'
 })
 
+export default function middleware(request: NextRequest) {
+  if (request.headers.has('Next-Action')) {
+    return
+  }
+  return authMiddleware(request)
+}
+
 export const config = {
   matcher: ['/account']
 }