project description

src/app/admin/project/_components/CreateUpdateProjectForm.tsx

@@ -23,6 +23,7 @@ export default function CreateUpdateProjectForm(params: { className?: string, en
     resolver: zodResolver(schemas.insert),
     defaultValues: {
       id: id ? id : crypto.randomUUID(),
+      title: params.entity ? params.entity.title : "",
       description: params.entity ? params.entity.description : "",
       stackId: params.entity ? params.entity.stackId : stacksSuccess ? stacks?.at(0)?.id : "",
       releaseStatus: params.entity ? params.entity.releaseStatus : "unreleased",

src/app/projects/page.tsx

@@ -4,6 +4,7 @@ import { trpc } from "~/app/_trpc/Client";
 import * as Card from "~/components/ui/card";
 import { Badge } from "~/components/ui/badge";
 import { StackBadge } from "~/components/StackBadge";
+import Markdown from "react-markdown";
 
 export default function ProjectsPage() {
   const { data: projects, isLoading } = trpc.projectv2.listWithStack.useQuery();
@@ -45,8 +46,13 @@ export default function ProjectsPage() {
               </div>
             </div>
           </Card.CardHeader>
-          {(project.sourceLink || project.releaseLink || project.techStack?.stackItems?.length) && (
+          {(project.description || project.sourceLink || project.releaseLink || project.techStack?.stackItems?.length) && (
             <Card.CardContent className="flex flex-col gap-3">
+              {project.description && (
+                <div className="prose prose-sm dark:prose-invert max-w-none text-muted-foreground">
+                  <Markdown>{project.description}</Markdown>
+                </div>
+              )}
               {(project.sourceLink || project.releaseLink) && (
                 <div className="flex gap-3 flex-wrap">
                   {project.sourceLink && (

src/server/dbschema/schema.ts

@@ -55,7 +55,7 @@ export const cvEntryRelations = relations(cvEntry, ({one}) => ({
 
 export const sourceTypeEnum = pgEnum('source_type',['open','closed'])
 export const releaseStatus = pgEnum('release_status',['released','unreleased'])
-export const stackItemEnum = pgEnum('stack_item',['drizzle','postgres','nextjs','react','servercomponents','php','laravel','reactnative','expo','mysql','nginx','protobuf','grpc','java','graalvm','spring','aws','s3','react-native','linux','debian','htmx'])
+export const stackItemEnum = pgEnum('stack_item',['drizzle','postgres','nextjs','react','servercomponents','php','laravel','reactnative','expo','mysql','nginx','protobuf','grpc','java','graalvm','spring','aws','s3','react-native','linux','debian','htmx','neon'])
 
 export const project = createTable(
 	"project",

src/tailwind.config.ts

@@ -1,7 +1,8 @@
 import type { Config } from "tailwindcss"
 const config = {
   plugins: [
-    require("tailwindcss-motion")
+    require("tailwindcss-motion"),
+    require("@tailwindcss/typography")
   ]
 } satisfies Config