refactor: change explore page to dynamic rendering

Author: Raphico

src/components/workshops/join-workshop-with-code-form.tsx

@@ -25,6 +25,7 @@ export function JoinWorkshopWithCodeForm({
       <form
         className={cn("grid gap-4", className)}
         onSubmit={form.handleSubmit(onSubmit)}
+        autoComplete="off"
         {...props}
       >
         <FormField

src/server/actions/registration.ts

@@ -72,7 +72,6 @@ export async function registerUserAction(input: RegistrationSchema) {
       workshopId: input.workshopId,
     })
 
-    revalidateTag(`workshops-${input.workshopId}`)
     revalidateTag(`workshops-${input.userId}`)
 
     return {
@@ -96,7 +95,6 @@ export async function cancelRegistrationAction(input: RegistrationSchema) {
         )
       )
 
-    revalidateTag(`workshops-${input.workshopId}`)
     revalidateTag(`workshops-${input.userId}`)
 
     return {

src/server/actions/workshop.ts

@@ -63,7 +63,6 @@ export async function updateWorkshopAction(
 
     revalidatePath("/explore")
     revalidateTag(`workshops-${user.id}`)
-    revalidateTag(`workshops-${input.id}`)
 
     return {
       error: null,
@@ -90,7 +89,6 @@ export async function deleteWorkshopAction(workshopId: string) {
       )
 
     revalidatePath("/explore")
-    revalidateTag(`workshops-${workshopId}`)
     revalidateTag(`workshops-${user.id}`)
 
     return {
@@ -119,7 +117,8 @@ export async function startWorkshopAction(workshopId: string) {
       .where(
         and(eq(workshops.id, workshopId), eq(workshops.organizerId, user.id))
       )
-    revalidateTag(`workshops-${workshopId}`)
+
+    revalidateTag(`workshops-${user.id}`)
 
     return {
       error: null,
@@ -148,7 +147,7 @@ export async function MarkWorkshopHasCompleted(workshopId: string) {
         and(eq(workshops.id, workshopId), eq(workshops.organizerId, user.id))
       )
 
-    revalidateTag(`workshops-${workshopId}`)
+    revalidateTag(`workshops-${user.id}`)
 
     return {
       error: null,

src/server/data/workshop.ts

@@ -27,31 +27,27 @@ export async function getWorkshopSession(workshopId: string) {
 }
 
 export async function getWorkshop(workshopId: string) {
-  return await cache(
-    async () => {
-      return db.query.workshops.findFirst({
-        columns: {
-          id: true,
-          organizerId: true,
-          title: true,
-          description: true,
-          duration: true,
-          accessCode: true,
-          scheduled: true,
-          hasStarted: true,
-          hasCompleted: true,
-          isPublic: true,
-          createdAt: true,
-        },
-        where: eq(workshops.id, workshopId),
-      })
-    },
-    [`workshop-${workshopId}`],
-    {
-      revalidate: 300,
-      tags: [`workshops-${workshopId}`],
-    }
-  )()
+  noStore()
+  try {
+    return db.query.workshops.findFirst({
+      columns: {
+        id: true,
+        organizerId: true,
+        title: true,
+        description: true,
+        duration: true,
+        accessCode: true,
+        scheduled: true,
+        hasStarted: true,
+        hasCompleted: true,
+        isPublic: true,
+        createdAt: true,
+      },
+      where: eq(workshops.id, workshopId),
+    })
+  } catch (err) {
+    return null
+  }
 }
 
 export async function getWorkshopMetadata(workshopId: string) {