diff --git a/prisma/dev.db b/prisma/dev.db
index 84f9b01..3c17474 100644
Binary files a/prisma/dev.db and b/prisma/dev.db differ
diff --git a/src/app/lib/create.ts b/src/app/lib/create.ts
new file mode 100644
index 0000000..82fa361
--- /dev/null
+++ b/src/app/lib/create.ts
@@ -0,0 +1,12 @@
+"use server"
+import prisma from "./db"
+export async function createStory(data) {
+	console.log("CREATESTORY CALLED")
+	const id = await prisma.story.create({
+		data: {
+			title: "test",
+			word_count: 500
+		}
+	})
+
+}
diff --git a/src/app/story/create/page.tsx b/src/app/story/create/page.tsx
index 0165968..faa4575 100644
--- a/src/app/story/create/page.tsx
+++ b/src/app/story/create/page.tsx
@@ -1,7 +1,25 @@
 import { getGenres } from "app/lib/get";
 import StoryForm from "app/ui/forms/story";
-
+import prisma from "app/lib/db";
 export default async function Page() {
 	const genres = await getGenres()
-	return <StoryForm genres={genres} />
+	async function createStory(data) {
+		"use server"
+		const genresArray = data.genres.map(e => { return { id: e } })
+		const res = await prisma.story.create({
+			data: {
+				title: data.title,
+				word_count: data.word_count,
+			}
+		})
+		console.log(res)
+		const genresRes = await prisma.story.update({
+			where: { id: res.id },
+			data: {
+				genres: { set: genresArray }
+			}
+		})
+		console.log(genresRes)
+	}
+	return <StoryForm genres={genres} createStory={createStory} />
 }
diff --git a/src/app/ui/forms/pub.tsx b/src/app/ui/forms/pub.tsx
index c6bc7d2..f00e8e2 100644
--- a/src/app/ui/forms/pub.tsx
+++ b/src/app/ui/forms/pub.tsx
@@ -52,6 +52,7 @@ export default function PubForm({ genres }) {
 				</pre>
 			),
 		})
+
 		console.log(values)
 	}
 
@@ -70,7 +71,7 @@ export default function PubForm({ genres }) {
 
 	return (
 		<Form {...form}>
-			<form onSubmit={form.handleSubmit(onSubmit, onErrors)}>
+			<form onSubmit={form.handleSubmit(onSubmit, onErrors)} className="space-y-8">
 				<FormField
 					control={form.control}
 					name="title"
diff --git a/src/app/ui/forms/story.tsx b/src/app/ui/forms/story.tsx
index 617fc13..4904e58 100644
--- a/src/app/ui/forms/story.tsx
+++ b/src/app/ui/forms/story.tsx
@@ -29,7 +29,7 @@ const formSchema = z.object({
 	genres: z.array(z.number())
 })
 
-export default function StoryForm({ genres }) {
+export default function StoryForm({ genres, createStory }) {
 	// 1. Define your form.
 	const form = useForm<z.infer<typeof formSchema>>({
 		resolver: zodResolver(formSchema),
@@ -51,6 +51,7 @@ export default function StoryForm({ genres }) {
 				</pre>
 			),
 		})
+		createStory(values)
 		console.log(values)
 	}