vendor slugs routes instead of ids

app/(auth)/vendors/[slug]/page.tsx

@@ -5,15 +5,15 @@ import { VendorDetailPage } from '@/components/vendor/VendorDetailPage'
 
 interface PageProps {
     params: {
-    id: string
+        slug: string
     }
 }
 
 export default async function Page({ params }: PageProps) {
-    const { id } = params
+    const { slug } = params
 
     const vendor = await prisma.vendor.findUnique({
-        where: { id },
+        where: { slug },
         include: {
             address: true,
             events: {

app/api/vendors/[id]/route.ts

@@ -2,6 +2,7 @@
 import { NextRequest, NextResponse } from 'next/server'
 import { prisma } from '@/lib/prisma'
 import { VendorType, VendorStatus } from '@prisma/client'
+import { generateUniqueSlug, slugify } from '@/lib/utils/slugify'
 
 export async function PUT(
     request: NextRequest,
@@ -24,6 +25,20 @@ export async function PUT(
             )
         }
 
+        let slug = existingVendor.slug
+        if (body.name && body.name !== existingVendor.name) {
+            const baseSlug = slugify(body.name)
+            slug = await generateUniqueSlug(
+                baseSlug,
+                async (testSlug) => {
+                    const existing = await prisma.vendor.findUnique({
+                        where: { slug: testSlug }
+                    })
+                    return !!existing && existing.id !== id
+                }
+        )
+        }
+        
         // Parse numeric values
         const parseFloatOrNull = (value: any): number | null => {
             if (value === null || value === undefined || value === '') return null
@@ -75,6 +90,7 @@ export async function PUT(
         
         // Prepare update data
         const updateData: any = {
+            slug,
             name: body.name,
             type: body.type as VendorType,
             description: body.description || null,

app/api/vendors/create/route.ts

@@ -1,6 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server'
 import { prisma } from '@/lib/prisma'
 import { VendorType, VendorStatus } from '@prisma/client'
+import { generateUniqueSlug, slugify } from '@/lib/utils/slugify'
 
 export async function POST(request: NextRequest) {
     try {
@@ -16,6 +17,17 @@ export async function POST(request: NextRequest) {
             )
         }
 
+        const baseSlug = slugify(body.name)
+        const uniqueSlug = await generateUniqueSlug(
+            baseSlug,
+            async (slug) => {
+                const existing = await prisma.vendor.findUnique({
+                    where: { slug }
+                })
+                return !!existing
+            }
+        )
+        
         // Check if we have address data
         const hasAddress = body.street && body.city && body.state && body.postalCode
         
@@ -34,6 +46,7 @@ export async function POST(request: NextRequest) {
         
         // Prepare vendor data WITHOUT addressId
         const vendorData: any = {
+            slug: uniqueSlug,
             name: body.name,
             type: body.type as VendorType,
             description: body.description || null,

components/forms/CreateVendorForm.tsx

@@ -5,7 +5,6 @@ import { Input } from '../ui/input'
 import { Button } from '../ui/button'
 import { Label } from '../ui/label'
 import { toast } from 'sonner'
-import { Address, Vendor } from '@prisma/client'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select'
 import { Textarea } from '../ui/textarea'
 import { Checkbox } from '../ui/checkbox'

components/tables/VendorsTable.tsx

@@ -14,6 +14,7 @@ import { useRouter } from 'next/navigation'
 
 interface VendorRow {
     id: string
+    slug: string
     name: string
     type: VendorType
     description?: string | null
@@ -189,7 +190,7 @@ export default function VendorsTable({ initialVendors }: Props) {
 
     // Handle row click
     const handleRowClick = (vendor: VendorRow) => {
-        router.push(`/vendors/${vendor.id}`)
+        router.push(`/vendors/${vendor.slug}`)
     }
 
     return (

lib/utils/slugify.ts

@@ -0,0 +1,30 @@
+export function slugify(text: string): string {
+    return text
+        .toString()
+        .toLowerCase()
+        .trim()
+        .replace(/\s+/g, '-')
+        .replace(/[^\w\-]+/g, '')
+        .replace(/\-\-+/g, '-')
+        .replace(/^-+/, '')
+        .replace(/-+$/, '')
+}
+
+export async function generateUniqueSlug(
+    baseSlug: string,
+    checkUnique: (slug: string) => Promise<boolean>,
+    maxAttempts = 10
+): Promise<string> {
+    let slug = baseSlug
+    let attempt = 1
+    
+    while (await checkUnique(slug)) {
+        if (attempt >= maxAttempts) {
+            throw new Error(`Could not generate unique slug after ${maxAttempts} attempts`)
+        }
+        slug = `${baseSlug}-${attempt}`
+        attempt++
+    }
+    
+    return slug
+}

prisma/migrations/20260127213236_add_slug_to_vendor/migration.sql

@@ -0,0 +1,11 @@
+/*
+  Warnings:
+
+  - A unique constraint covering the columns `[slug]` on the table `Vendor` will be added. If there are existing duplicate values, this will fail.
+
+*/
+-- AlterTable
+ALTER TABLE "Vendor" ADD COLUMN     "slug" TEXT;
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Vendor_slug_key" ON "Vendor"("slug");

prisma/migrations/20260127213325_add_slug_to_vendor_required/migration.sql

@@ -0,0 +1,8 @@
+/*
+  Warnings:
+
+  - Made the column `slug` on table `Vendor` required. This step will fail if there are existing NULL values in that column.
+
+*/
+-- AlterTable
+ALTER TABLE "Vendor" ALTER COLUMN "slug" SET NOT NULL;

prisma/migrations/20260127213920_add_indexes_to_vendor/migration.sql

@@ -0,0 +1,35 @@
+-- CreateIndex
+CREATE INDEX "Vendor_slug_idx" ON "Vendor"("slug");
+
+-- CreateIndex
+CREATE INDEX "Vendor_name_idx" ON "Vendor"("name");
+
+-- CreateIndex
+CREATE INDEX "Vendor_type_idx" ON "Vendor"("type");
+
+-- CreateIndex
+CREATE INDEX "Vendor_status_idx" ON "Vendor"("status");
+
+-- CreateIndex
+CREATE INDEX "Vendor_isBooked_idx" ON "Vendor"("isBooked");
+
+-- CreateIndex
+CREATE INDEX "Vendor_bookedDate_idx" ON "Vendor"("bookedDate");
+
+-- CreateIndex
+CREATE INDEX "Vendor_finalCost_idx" ON "Vendor"("finalCost");
+
+-- CreateIndex
+CREATE INDEX "Vendor_createdAt_idx" ON "Vendor"("createdAt");
+
+-- CreateIndex
+CREATE INDEX "Vendor_type_status_idx" ON "Vendor"("type", "status");
+
+-- CreateIndex
+CREATE INDEX "Vendor_isBooked_type_idx" ON "Vendor"("isBooked", "type");
+
+-- CreateIndex
+CREATE INDEX "Vendor_depositDueDate_idx" ON "Vendor"("depositDueDate");
+
+-- CreateIndex
+CREATE INDEX "Vendor_finalPaymentDue_idx" ON "Vendor"("finalPaymentDue");

prisma/schema.prisma

@@ -148,6 +148,7 @@ model Vendor {
     id              String      @id @default(cuid())
     createdAt       DateTime    @default(now())
     updatedAt       DateTime    @updatedAt
+    slug            String      @unique
 
     name            String
     type            VendorType
@@ -178,6 +179,19 @@ model Vendor {
     events          Event[]
 
     categories      Category[]
+
+    @@index([slug])
+    @@index([name])
+    @@index([type])
+    @@index([status])
+    @@index([isBooked])
+    @@index([bookedDate])
+    @@index([finalCost])
+    @@index([createdAt])
+    @@index([type, status])
+    @@index([isBooked, type])
+    @@index([depositDueDate])
+    @@index([finalPaymentDue])
 }
 
 model Address {