From c8ee97dc44f0e65e8c715d9f9d0952e5ca53637a Mon Sep 17 00:00:00 2001
From: Thyu Htoo Aung <thyuhtoo7@gmail.com>
Date: Sat, 25 Apr 2026 19:22:09 +0630
Subject: [PATCH] feat: implement authentication pages, configure Convex schema
 and posts module

---
 .github/workflows/ci.yml            |   3 +-
 .prettierrc                         |  11 +++
 app/(shared-layout)/create/page.tsx | 121 +++++++++++++++++++++++
 app/(shared-layout)/test/page.tsx   |  15 ---
 app/auth/login/page.tsx             | 144 +++++++++++++++++++++++++++-
 app/auth/sign-up/page.tsx           |  45 +++++++--
 app/layout.tsx                      |   5 +-
 app/schemas/auth.ts                 |   7 +-
 app/schemas/blog.ts                 |   6 ++
 components/ui/button.tsx            |   5 +-
 components/ui/sonner.tsx            |  45 +++++++++
 components/ui/textarea.tsx          |  18 ++++
 components/web/navbar.tsx           |  25 ++++-
 convex/_generated/api.d.ts          |   4 +-
 convex/_generated/api.js            |   1 +
 convex/_generated/dataModel.d.ts    |  34 +++----
 convex/_generated/server.d.ts       |   1 +
 convex/_generated/server.js         |   1 +
 convex/posts.ts                     |  23 +++++
 convex/schema.ts                    |  10 ++
 convex/tasks.ts                     |   8 --
 eslint.config.mjs                   |   1 +
 next.config.ts                      |   4 +-
 package.json                        |   9 +-
 pnpm-lock.yaml                      |  17 ++++
 pnpm-workspace.yaml                 |   6 --
 tsconfig.json                       |   2 +-
 27 files changed, 501 insertions(+), 70 deletions(-)
 create mode 100644 .prettierrc
 create mode 100644 app/(shared-layout)/create/page.tsx
 delete mode 100644 app/(shared-layout)/test/page.tsx
 create mode 100644 app/schemas/blog.ts
 create mode 100644 components/ui/sonner.tsx
 create mode 100644 components/ui/textarea.tsx
 create mode 100644 convex/posts.ts
 create mode 100644 convex/schema.ts
 delete mode 100644 convex/tasks.ts
 delete mode 100644 pnpm-workspace.yaml

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 70697ef..f7912a9 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,8 +1,6 @@
 name: Nextblog CI
 
 on:
-  push:
-    branches: [main]
   pull_request:
     branches: [main]
 
@@ -47,3 +45,4 @@ jobs:
           NEXT_PUBLIC_CONVEX_URL: "https://insightful-pheasant-237.convex.cloud"
           NEXT_PUBLIC_CONVEX_SITE_URL: "https://insightful-pheasant-237.convex.site"
           NEXT_PUBLIC_SITE_URL: "http://localhost:3000"
+          BETTER_AUTH_SECRET: "dummy-secret-for-ci-build"
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..c8f22cb
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,11 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "printWidth": 80,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}
diff --git a/app/(shared-layout)/create/page.tsx b/app/(shared-layout)/create/page.tsx
new file mode 100644
index 0000000..9525e93
--- /dev/null
+++ b/app/(shared-layout)/create/page.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import { useTransition } from "react";
+import { Loader2 } from "lucide-react";
+import { Controller, useForm } from "react-hook-form";
+import { useMutation } from "convex/react";
+import {
+  Card,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { CardContent } from "@/components/ui/card";
+import {
+  Field,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+} from "@/components/ui/field";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { postSchema } from "@/app/schemas/blog";
+import { api } from "@/convex/_generated/api";
+import { Textarea } from "@/components/ui/textarea";
+import { toast } from "sonner";
+import { z } from "zod/v3";
+
+export default function CreatePage() {
+  const form = useForm<z.infer<typeof postSchema>>({
+    resolver: zodResolver(postSchema),
+    defaultValues: {
+      title: "",
+      content: "",
+    },
+  });
+  const createPost = useMutation(api.posts.createPost);
+  const [isPending, startTransition] = useTransition();
+
+  const onSubmit = (data: z.infer<typeof postSchema>) => {
+    startTransition(async () => {
+      try {
+        await createPost(data);
+        toast.success("Post created successfully!");
+        form.reset();
+      } catch {
+        toast.error("Failed to create post");
+      }
+    });
+  };
+  return (
+    <div className="py-12">
+      <div className="text-center mb-12">
+        <h1 className="text-3xl font-extrabold tracking-tight sm:text-5xl">
+          Create Blog
+        </h1>
+        <p className="text-xl text-muted-foreground pt-4">
+          Share your knowledge and ideas with the world.
+        </p>
+      </div>
+
+      <Card className="w-full max-w-xl mx-auto">
+        <CardHeader>
+          <CardTitle>Create Blog Article</CardTitle>
+          <CardDescription>Create a new blog article</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={form.handleSubmit(onSubmit)}>
+            <FieldGroup className="gap-y-4">
+              <Controller
+                control={form.control}
+                name="title"
+                render={({ field, fieldState }) => (
+                  <Field>
+                    <FieldLabel>Title</FieldLabel>
+                    <Input
+                      aria-invalid={fieldState.invalid}
+                      placeholder="Title"
+                      {...field}
+                    />
+                    {fieldState.error && (
+                      <FieldError>{fieldState.error.message}</FieldError>
+                    )}
+                  </Field>
+                )}
+              />
+              <Controller
+                control={form.control}
+                name="content"
+                render={({ field, fieldState }) => (
+                  <Field>
+                    <FieldLabel>Content</FieldLabel>
+                    <Textarea
+                      aria-invalid={fieldState.invalid}
+                      placeholder="Content"
+                      {...field}
+                    />
+                    {fieldState.error && (
+                      <FieldError>{fieldState.error.message}</FieldError>
+                    )}
+                  </Field>
+                )}
+              />
+
+              <Button type="submit" className="w-full" disabled={isPending}>
+                {isPending ? (
+                  <>
+                    <Loader2 className="size-4 animate-spin" />{" "}
+                    <span>Loading...</span>
+                  </>
+                ) : (
+                  <span>Create Blog</span>
+                )}
+              </Button>
+            </FieldGroup>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/app/(shared-layout)/test/page.tsx b/app/(shared-layout)/test/page.tsx
deleted file mode 100644
index 43b9f74..0000000
--- a/app/(shared-layout)/test/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import { api } from "@/convex/_generated/api";
-import { useQuery } from "convex/react";
-
-export default function Page() {
-  const tasks = useQuery(api.tasks.get);
-  return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      {tasks?.map(({ _id, text }) => (
-        <div key={_id}>{text}</div>
-      ))}
-    </main>
-  );
-}
diff --git a/app/auth/login/page.tsx b/app/auth/login/page.tsx
index d50f837..a77dc44 100644
--- a/app/auth/login/page.tsx
+++ b/app/auth/login/page.tsx
@@ -1,3 +1,145 @@
+"use client";
+
+import { useTransition } from "react";
+import { useRouter } from "next/navigation";
+import { useForm, Controller } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod/v3";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card";
+import { toast } from "sonner";
+import { authClient } from "@/lib/auth-client";
+import {
+  Field,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+} from "@/components/ui/field";
+import { Loader2 } from "lucide-react";
+
+const loginSchema = z.object({
+  email: z.string().email("Invalid email address"),
+  password: z.string().min(1, "Password is required"),
+});
+
+type LoginFormValues = z.infer<typeof loginSchema>;
+
 export default function LoginPage() {
-  return <h1>Login Page</h1>;
+  const router = useRouter();
+  const [isPending, startTransition] = useTransition();
+
+  const form = useForm<LoginFormValues>({
+    resolver: zodResolver(loginSchema),
+    defaultValues: {
+      email: "",
+      password: "",
+    },
+  });
+
+  const onSubmit = (data: LoginFormValues) => {
+    startTransition(async () => {
+      try {
+        const result = await authClient.signIn.email({
+          email: data.email,
+          password: data.password,
+        });
+
+        if (result.error) {
+          toast.error(result.error.message || "Failed to sign in");
+        } else {
+          toast.success("Logged in successfully!");
+          router.push("/");
+          router.refresh();
+        }
+      } catch {
+        toast.error("An unexpected error occurred. Please try again.");
+      }
+    });
+  };
+
+  return (
+    <div className="flex items-center justify-center min-h-screen p-4">
+      <Card className="w-full max-w-md">
+        <CardHeader>
+          <CardTitle>Sign In</CardTitle>
+          <CardDescription>
+            Enter your credentials to access your account
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={form.handleSubmit(onSubmit)}>
+            <FieldGroup>
+              <Controller
+                control={form.control}
+                name="email"
+                render={({ field, fieldState }) => (
+                  <Field>
+                    <FieldLabel>Email</FieldLabel>
+                    <Input
+                      aria-invalid={fieldState.invalid}
+                      placeholder="john@example.com"
+                      type="email"
+                      {...field}
+                    />
+                    {fieldState.error && (
+                      <FieldError>{fieldState.error.message}</FieldError>
+                    )}
+                  </Field>
+                )}
+              />
+              <Controller
+                control={form.control}
+                name="password"
+                render={({ field, fieldState }) => (
+                  <Field>
+                    <FieldLabel>Password</FieldLabel>
+                    <Input
+                      aria-invalid={fieldState.invalid}
+                      placeholder="********"
+                      type="password"
+                      {...field}
+                    />
+                    {fieldState.error && (
+                      <FieldError>{fieldState.error.message}</FieldError>
+                    )}
+                  </Field>
+                )}
+              />
+
+              <Button type="submit" className="w-full" disabled={isPending}>
+                {isPending ? (
+                  <>
+                    <Loader2 className="size-4 animate-spin" />{" "}
+                    <span>Loading...</span>
+                  </>
+                ) : (
+                  <span>Sign In</span>
+                )}
+              </Button>
+            </FieldGroup>
+          </form>
+
+          <div className="mt-6 text-center">
+            <p className="text-sm text-muted-foreground">
+              Don&apos;t have an account?{" "}
+              <Button
+                variant="link"
+                onClick={() => router.push("/auth/sign-up")}
+                className="h-auto p-0"
+              >
+                Sign up
+              </Button>
+            </p>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
 }
diff --git a/app/auth/sign-up/page.tsx b/app/auth/sign-up/page.tsx
index 97dcc0f..6b98a13 100644
--- a/app/auth/sign-up/page.tsx
+++ b/app/auth/sign-up/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { signUpSchema } from "@/app/schemas/auth";
-import { z } from "zod";
+import { z } from "zod/v3";
 import {
   Card,
   CardContent,
@@ -20,11 +20,16 @@ import {
 } from "@/components/ui/field";
 import { Button } from "@/components/ui/button";
 import { authClient } from "@/lib/auth-client";
+import { toast } from "sonner";
+import { useTransition } from "react";
+import { useRouter } from "next/navigation";
+import { Loader2 } from "lucide-react";
 
 export default function SignupPage() {
+  const router = useRouter();
+  const [isPending, startTransition] = useTransition();
   const form = useForm<z.infer<typeof signUpSchema>>({
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    resolver: zodResolver(signUpSchema as any),
+    resolver: zodResolver(signUpSchema),
     defaultValues: {
       name: "",
       email: "",
@@ -32,11 +37,24 @@ export default function SignupPage() {
     },
   });
 
-  const onSubmit = async (data: z.infer<typeof signUpSchema>) => {
-    await authClient.signUp.email({
-      email: data.email,
-      name: data.name,
-      password: data.password,
+  const onSubmit = (data: z.infer<typeof signUpSchema>) => {
+    startTransition(async () => {
+      try {
+        const result = await authClient.signUp.email({
+          email: data.email,
+          name: data.name,
+          password: data.password,
+        });
+
+        if (result.error) {
+          toast.error(result.error.message || "Failed to sign up");
+        } else {
+          toast.success("Account created successfully!");
+          router.push("/auth/login");
+        }
+      } catch {
+        toast.error("An unexpected error occurred. Please try again.");
+      }
     });
   };
 
@@ -103,7 +121,16 @@ export default function SignupPage() {
               )}
             />
 
-            <Button type="submit">Sign up</Button>
+            <Button type="submit" disabled={isPending}>
+              {isPending ? (
+                <>
+                  <Loader2 className="size-4 animate-spin" />{" "}
+                  <span>Loading...</span>
+                </>
+              ) : (
+                <span>Sign up</span>
+              )}
+            </Button>
           </FieldGroup>
         </form>
       </CardContent>
diff --git a/app/layout.tsx b/app/layout.tsx
index 11c5617..e2a01ec 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -4,6 +4,7 @@ import { Outfit, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/ui/theme-provider";
 import { ConvexClientProvider } from "../components/web/ConvexClientProvider";
+import { Toaster } from "@/components/ui/sonner";
 
 const outfit = Outfit({
   variable: "--font-sans",
@@ -28,6 +29,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <body
         className={`${outfit.variable} ${geistMono.variable} font-sans h-full antialiased`}
+        suppressHydrationWarning
       >
         <ThemeProvider
           attribute="class"
@@ -35,9 +37,10 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          <main className={"w-full max-auto px-4 md:px-6 lg:px-8"}>
+          <main className={"w-full mx-auto px-4 md:px-6 lg:px-8"}>
             <ConvexClientProvider>{children}</ConvexClientProvider>
           </main>
+          <Toaster position="top-center" />
         </ThemeProvider>
       </body>
     </html>
diff --git a/app/schemas/auth.ts b/app/schemas/auth.ts
index 90b1d56..23f0430 100644
--- a/app/schemas/auth.ts
+++ b/app/schemas/auth.ts
@@ -1,4 +1,4 @@
-import z from "zod";
+import { z } from "zod/v3";
 
 export const signUpSchema = z.object({
   name: z
@@ -8,3 +8,8 @@ export const signUpSchema = z.object({
   email: z.string().email("Invalid email address"),
   password: z.string().min(6, "Password must be at least 6 characters long"),
 });
+
+export const loginSchema = z.object({
+  email: z.string().email("Invalid email address"),
+  password: z.string().min(1, "Password is required"),
+});
diff --git a/app/schemas/blog.ts b/app/schemas/blog.ts
new file mode 100644
index 0000000..d1f6981
--- /dev/null
+++ b/app/schemas/blog.ts
@@ -0,0 +1,6 @@
+import z from "zod/v3";
+
+export const postSchema = z.object({
+  title: z.string().min(3, "Title is required").max(50),
+  content: z.string().min(10, "Content is required"),
+});
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index c34204d..420be8c 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -58,7 +58,10 @@ function Button({
       data-slot="button"
       data-variant={variant}
       data-size={size}
-      className={cn(buttonVariants({ variant, size, className }))}
+      className={cn(
+        buttonVariants({ variant, size, className }),
+        "cursor-pointer",
+      )}
       {...props}
     />
   );
diff --git a/components/ui/sonner.tsx b/components/ui/sonner.tsx
new file mode 100644
index 0000000..b295710
--- /dev/null
+++ b/components/ui/sonner.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  Loader2Icon,
+  OctagonXIcon,
+  TriangleAlertIcon,
+} from "lucide-react";
+import { useTheme } from "next-themes";
+import { Toaster as Sonner, type ToasterProps } from "sonner";
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme();
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      icons={{
+        success: <CircleCheckIcon className="size-4" />,
+        info: <InfoIcon className="size-4" />,
+        warning: <TriangleAlertIcon className="size-4" />,
+        error: <OctagonXIcon className="size-4" />,
+        loading: <Loader2Icon className="size-4 animate-spin" />,
+      }}
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+          "--border-radius": "var(--radius)",
+        } as React.CSSProperties
+      }
+      toastOptions={{
+        classNames: {
+          toast: "cn-toast",
+        },
+      }}
+      {...props}
+    />
+  );
+};
+
+export { Toaster };
diff --git a/components/ui/textarea.tsx b/components/ui/textarea.tsx
new file mode 100644
index 0000000..d102c70
--- /dev/null
+++ b/components/ui/textarea.tsx
@@ -0,0 +1,18 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Textarea };
diff --git a/components/web/navbar.tsx b/components/web/navbar.tsx
index a99ed3f..cb24447 100644
--- a/components/web/navbar.tsx
+++ b/components/web/navbar.tsx
@@ -1,19 +1,22 @@
 "use client";
 
 import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useConvexAuth } from "convex/react";
 import { Button, buttonVariants } from "@/components/ui/button";
 import { ThemeToggle } from "@/components/ui/theme-toggle";
-import { useConvexAuth } from "convex/react";
+import { toast } from "sonner";
 import { authClient } from "@/lib/auth-client";
 
 export default function Navbar() {
+  const router = useRouter();
   const { isAuthenticated, isLoading } = useConvexAuth();
   return (
     <nav className={"w-full py-5 flex items-center justify-between"}>
       <div className={"flex items-center gap-8"}>
         <Link href={"/"}>
           <h1 className={"text-3xl font-bold"}>
-            Next <span className={"text-blue-500"}>Blog</span>
+            Next<span className={"text-blue-500"}>Blog</span>
           </h1>
         </Link>
         <div className={"flex items-center gap-2"}>
@@ -36,7 +39,23 @@ export default function Navbar() {
       </div>
       <div className={"flex items-center gap-2"}>
         {isLoading ? null : isAuthenticated ? (
-          <Button onClick={() => authClient.signOut({})}>LogOut</Button>
+          <Button
+            onClick={() =>
+              authClient.signOut({
+                fetchOptions: {
+                  onSuccess: () => {
+                    toast.success("Logged out successfully!");
+                    router.refresh();
+                  },
+                  onError: (error) => {
+                    toast.error(error.error.message || "Failed to log out");
+                  },
+                },
+              })
+            }
+          >
+            LogOut
+          </Button>
         ) : (
           <>
             <Link href={"/auth/sign-up"} className={buttonVariants()}>
diff --git a/convex/_generated/api.d.ts b/convex/_generated/api.d.ts
index a2fd81c..3cf4b5b 100644
--- a/convex/_generated/api.d.ts
+++ b/convex/_generated/api.d.ts
@@ -10,7 +10,7 @@
 
 import type * as auth from "../auth.js";
 import type * as http from "../http.js";
-import type * as tasks from "../tasks.js";
+import type * as posts from "../posts.js";
 
 import type {
   ApiFromModules,
@@ -21,7 +21,7 @@ import type {
 declare const fullApi: ApiFromModules<{
   auth: typeof auth;
   http: typeof http;
-  tasks: typeof tasks;
+  posts: typeof posts;
 }>;
 
 /**
diff --git a/convex/_generated/api.js b/convex/_generated/api.js
index e9ac2c6..44bf985 100644
--- a/convex/_generated/api.js
+++ b/convex/_generated/api.js
@@ -1,3 +1,4 @@
+/* eslint-disable */
 /**
  * Generated `api` utility.
  *
diff --git a/convex/_generated/dataModel.d.ts b/convex/_generated/dataModel.d.ts
index a850cc1..f97fd19 100644
--- a/convex/_generated/dataModel.d.ts
+++ b/convex/_generated/dataModel.d.ts
@@ -8,29 +8,29 @@
  * @module
  */
 
-import { AnyDataModel } from "convex/server";
+import type {
+  DataModelFromSchemaDefinition,
+  DocumentByName,
+  TableNamesInDataModel,
+  SystemTableNames,
+} from "convex/server";
 import type { GenericId } from "convex/values";
-
-/**
- * No `schema.ts` file found!
- *
- * This generated code has permissive types like `Doc = any` because
- * Convex doesn't know your schema. If you'd like more type safety, see
- * https://docs.convex.dev/using/schemas for instructions on how to add a
- * schema file.
- *
- * After you change a schema, rerun codegen with `npx convex dev`.
- */
+import schema from "../schema.js";
 
 /**
  * The names of all of your Convex tables.
  */
-export type TableNames = string;
+export type TableNames = TableNamesInDataModel<DataModel>;
 
 /**
  * The type of a document stored in Convex.
+ *
+ * @typeParam TableName - A string literal type of the table name (like "users").
  */
-export type Doc = any;
+export type Doc<TableName extends TableNames> = DocumentByName<
+  DataModel,
+  TableName
+>;
 
 /**
  * An identifier for a document in Convex.
@@ -42,8 +42,10 @@ export type Doc = any;
  *
  * IDs are just strings at runtime, but this type can be used to distinguish them from other
  * strings when type checking.
+ *
+ * @typeParam TableName - A string literal type of the table name (like "users").
  */
-export type Id<TableName extends TableNames = TableNames> =
+export type Id<TableName extends TableNames | SystemTableNames> =
   GenericId<TableName>;
 
 /**
@@ -55,4 +57,4 @@ export type Id<TableName extends TableNames = TableNames> =
  * This type is used to parameterize methods like `queryGeneric` and
  * `mutationGeneric` to make them type-safe.
  */
-export type DataModel = AnyDataModel;
+export type DataModel = DataModelFromSchemaDefinition<typeof schema>;
diff --git a/convex/_generated/server.d.ts b/convex/_generated/server.d.ts
index 7847bba..bec05e6 100644
--- a/convex/_generated/server.d.ts
+++ b/convex/_generated/server.d.ts
@@ -1,3 +1,4 @@
+/* eslint-disable */
 /**
  * Generated utilities for implementing server-side Convex query and mutation functions.
  *
diff --git a/convex/_generated/server.js b/convex/_generated/server.js
index ff9b4a3..bf3d25a 100644
--- a/convex/_generated/server.js
+++ b/convex/_generated/server.js
@@ -1,3 +1,4 @@
+/* eslint-disable */
 /**
  * Generated utilities for implementing server-side Convex query and mutation functions.
  *
diff --git a/convex/posts.ts b/convex/posts.ts
new file mode 100644
index 0000000..5d46c04
--- /dev/null
+++ b/convex/posts.ts
@@ -0,0 +1,23 @@
+import { ConvexError, v } from "convex/values";
+import { mutation } from "./_generated/server";
+import { authComponent } from "./auth";
+
+export const createPost = mutation({
+  args: {
+    title: v.string(),
+    content: v.string(),
+  },
+  handler: async (ctx, args) => {
+    const user = await authComponent.safeGetAuthUser(ctx);
+
+    if (!user) {
+      throw new ConvexError("Not Authenticated");
+    }
+    const blogArticle = await ctx.db.insert("posts", {
+      title: args.title,
+      content: args.content,
+      authorId: user._id,
+    });
+    return blogArticle;
+  },
+});
diff --git a/convex/schema.ts b/convex/schema.ts
new file mode 100644
index 0000000..f7cc6e6
--- /dev/null
+++ b/convex/schema.ts
@@ -0,0 +1,10 @@
+import { defineSchema, defineTable } from "convex/server";
+import { v } from "convex/values";
+
+export default defineSchema({
+  posts: defineTable({
+    title: v.string(),
+    content: v.string(),
+    authorId: v.string(),
+  }),
+});
diff --git a/convex/tasks.ts b/convex/tasks.ts
deleted file mode 100644
index 3db81bc..0000000
--- a/convex/tasks.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { query } from "./_generated/server";
-
-export const get = query({
-  args: {},
-  handler: async (ctx) => {
-    return await ctx.db.query("tasks").collect();
-  },
-});
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 05e726d..5f790ec 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -12,6 +12,7 @@ const eslintConfig = defineConfig([
     "out/**",
     "build/**",
     "next-env.d.ts",
+    "convex/_generated/**",
   ]),
 ]);
 
diff --git a/next.config.ts b/next.config.ts
index e9ffa30..078e9e1 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,7 +1,9 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  turbopack: {
+    root: process.cwd(),
+  },
 };
 
 export default nextConfig;
diff --git a/package.json b/package.json
index 4e30d02..7f492dc 100644
--- a/package.json
+++ b/package.json
@@ -3,12 +3,14 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --webpack",
     "build": "next build",
     "start": "next start",
     "lint": "eslint",
-    "format": "prettier --write .",
-    "format:check": "prettier --check ."
+    "type-check": "tsc --noEmit",
+    "format": "prettier --write \"{app,components,convex,lib}/**/*.{ts,tsx,js,jsx,css,md}\"",
+    "format:check": "prettier --check \"{app,components,convex,lib}/**/*.{ts,tsx,js,jsx,css,md}\"",
+    "check": "pnpm run format:check && pnpm run lint && pnpm run type-check && pnpm run build"
   },
   "dependencies": {
     "@convex-dev/better-auth": "^0.11.4",
@@ -25,6 +27,7 @@
     "react-dom": "19.2.4",
     "react-hook-form": "^7.72.1",
     "shadcn": "^4.1.1",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1.4.0",
     "zod": "^4.3.6"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c606e28..e97fa4b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -49,6 +49,9 @@ importers:
       shadcn:
         specifier: ^4.1.1
         version: 4.1.1(@types/node@20.19.37)(typescript@5.9.3)
+      sonner:
+        specifier: ^2.0.7
+        version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwind-merge:
         specifier: ^3.5.0
         version: 3.5.0
@@ -5854,6 +5857,15 @@ packages:
         integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==,
       }
 
+  sonner@2.0.7:
+    resolution:
+      {
+        integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==,
+      }
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
   source-map-js@1.2.1:
     resolution:
       {
@@ -10336,6 +10348,11 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
+  sonner@2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+    dependencies:
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+
   source-map-js@1.2.1: {}
 
   source-map@0.6.1: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
deleted file mode 100644
index cc26c4c..0000000
--- a/pnpm-workspace.yaml
+++ /dev/null
@@ -1,6 +0,0 @@
-packages:
-  - "."
-
-ignoredBuiltDependencies:
-  - sharp
-  - unrs-resolver
diff --git a/tsconfig.json b/tsconfig.json
index 3a13f90..fe692d5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -30,5 +30,5 @@
     ".next/dev/types/**/*.ts",
     "**/*.mts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", ".next"]
 }