feat: seed and revlidate

src/app/(dashboard)/store/[storeId]/products/[productId]/_components/update-product-form.tsx

@@ -7,13 +7,12 @@ import { zodResolver } from "@hookform/resolvers/zod"
 import { useForm } from "react-hook-form"
 import { toast } from "sonner"
 
+import { deleteProduct, updateProduct } from "@/lib/actions/product"
+import { getErrorMessage } from "@/lib/handle-error"
 import {
-  deleteProduct,
-  updateProduct,
   type getCategories,
   type getSubcategories,
-} from "@/lib/actions/product"
-import { getErrorMessage } from "@/lib/handle-error"
+} from "@/lib/queries/product"
 import {
   updateProductSchema,
   type UpdateProductSchema,

src/app/(dashboard)/store/[storeId]/products/[productId]/page.tsx

@@ -5,7 +5,7 @@ import { products } from "@/db/schema"
 import { env } from "@/env.js"
 import { and, eq } from "drizzle-orm"
 
-import { getCategories, getSubcategories } from "@/lib/actions/product"
+import { getCategories, getSubcategories } from "@/lib/queries/product"
 import {
   Card,
   CardContent,

src/app/(dashboard)/store/[storeId]/products/new/_components/create-product-form.tsx

@@ -6,12 +6,12 @@ import { zodResolver } from "@hookform/resolvers/zod"
 import { useForm } from "react-hook-form"
 import { toast } from "sonner"
 
+import { addProduct } from "@/lib/actions/product"
+import { getErrorMessage } from "@/lib/handle-error"
 import {
-  addProduct,
   type getCategories,
   type getSubcategories,
-} from "@/lib/actions/product"
-import { getErrorMessage } from "@/lib/handle-error"
+} from "@/lib/queries/product"
 import {
   createProductSchema,
   type CreateProductSchema,

src/app/(dashboard)/store/[storeId]/products/new/page.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from "next"
 import { redirect } from "next/navigation"
 import { env } from "@/env.js"
 
-import { getCategories, getSubcategories } from "@/lib/actions/product"
+import { getCategories, getSubcategories } from "@/lib/queries/product"
 import { getCachedUser } from "@/lib/queries/user"
 import {
   Card,

src/app/(lobby)/_components/category-card-skeleton.tsx

@@ -3,7 +3,7 @@ import { Skeleton } from "@/components/ui/skeleton"
 
 export function CategoryCardSkeleton() {
   return (
-    <Card className="h-full rounded-md">
+    <Card className="h-full rounded-lg">
       <CardHeader className="flex-1">
         <Skeleton className="h-6 w-20" />
         <Skeleton className="h-4 w-5/6" />

src/app/(lobby)/_components/category-card.tsx

@@ -1,7 +1,10 @@
 import * as React from "react"
 import Link from "next/link"
 
-import { getProductCount, type getCategories } from "@/lib/actions/product"
+import {
+  getProductCountByCategory,
+  type getCategories,
+} from "@/lib/queries/product"
 import {
   Card,
   CardContent,
@@ -17,13 +20,13 @@ interface CategoryCardProps {
 }
 
 export function CategoryCard({ category }: CategoryCardProps) {
-  const productCountPromise = getProductCount({
+  const productCountPromise = getProductCountByCategory({
     categoryId: category.id,
   })
 
   return (
     <Link href={`/collections/${category.slug}`}>
-      <Card className="h-full rounded-md transition-colors hover:bg-muted/25">
+      <Card className="h-full rounded-lg transition-colors hover:bg-muted/25">
         <CardHeader className="flex-1">
           <CardTitle className="capitalize">{category.name}</CardTitle>
           <CardDescription className="line-clamp-3 text-balance">
@@ -41,7 +44,7 @@ export function CategoryCard({ category }: CategoryCardProps) {
 }
 
 interface ProductCountProps {
-  productCountPromise: ReturnType<typeof getProductCount>
+  productCountPromise: ReturnType<typeof getProductCountByCategory>
 }
 
 async function ProductCount({ productCountPromise }: ProductCountProps) {

src/app/(lobby)/_components/lobby.tsx

@@ -1,8 +1,8 @@
 import Link from "next/link"
 
 import { siteConfig } from "@/config/site"
-import type { getCategories, getFeaturedProducts } from "@/lib/actions/product"
 import { type getGithubStars } from "@/lib/queries/github"
+import type { getCategories, getFeaturedProducts } from "@/lib/queries/product"
 import { type getFeaturedStores } from "@/lib/queries/store"
 import { cn } from "@/lib/utils"
 import { Badge } from "@/components/ui/badge"

src/app/(lobby)/build-a-board/page.tsx

@@ -5,7 +5,7 @@ import { env } from "@/env.js"
 import { CheckIcon, CircleIcon } from "@radix-ui/react-icons"
 
 import { getCartItems } from "@/lib/actions/cart"
-import { getProducts } from "@/lib/actions/product"
+import { getProducts } from "@/lib/queries/product"
 import { cn } from "@/lib/utils"
 import { productsSearchParamsSchema } from "@/lib/validations/params"
 import { BoardBuilder } from "@/components/board-builder"

src/app/(lobby)/collections/[category]/[subcategory]/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from "next"
 import { env } from "@/env.js"
 
-import { getProducts } from "@/lib/actions/product"
+import { getProducts } from "@/lib/queries/product"
 import { getStores } from "@/lib/queries/store"
 import { toTitleCase, unslugify } from "@/lib/utils"
 import { productsSearchParamsSchema } from "@/lib/validations/params"

src/app/(lobby)/collections/[category]/page.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from "next"
 import { env } from "@/env.js"
 import type { SearchParams } from "@/types"
 
-import { getProducts } from "@/lib/actions/product"
+import { getProducts } from "@/lib/queries/product"
 import { toTitleCase } from "@/lib/utils"
 import { AlertCard } from "@/components/alert-card"
 import {
@@ -35,8 +35,6 @@ export default async function CategoryPage({
 
   const productsTransaction = await getProducts(searchParams)
 
-  console.log({ productsTransaction })
-
   return (
     <Shell>
       <PageHeader>

src/app/(lobby)/page.tsx

@@ -1,13 +1,13 @@
 import * as React from "react"
 
-import { getCategories, getFeaturedProducts } from "@/lib/actions/product"
 import { getGithubStars } from "@/lib/queries/github"
+import { getCategories, getFeaturedProducts } from "@/lib/queries/product"
 import { getFeaturedStores } from "@/lib/queries/store"
 
 import { Lobby } from "./_components/lobby"
 import { LobbySkeleton } from "./_components/lobby-skeleton"
 
-export default function IndexPage() {
+export default async function IndexPage() {
   /**
    * To avoid sequential waterfall requests, multiple promises are passed to fetch data parallelly.
    * These promises are also passed to the `Lobby` component, making them hot promises. This means they can execute without being awaited, further preventing sequential requests.

src/app/(lobby)/products/page.tsx

@@ -2,7 +2,7 @@ import { type Metadata } from "next"
 import { env } from "@/env.js"
 import type { SearchParams } from "@/types"
 
-import { getProducts } from "@/lib/actions/product"
+import { getProducts } from "@/lib/queries/product"
 import { AlertCard } from "@/components/alert-card"
 import {
   PageHeader,

src/app/api/revalidate/[tag]/route.ts

@@ -0,0 +1,23 @@
+import { revalidateTag } from "next/cache"
+import { env } from "@/env"
+import { z } from "zod"
+
+const schema = z.object({
+  params: z.object({
+    tag: z.string(),
+  }),
+})
+
+export async function POST(req: Request, context: z.infer<typeof schema>) {
+  if (env.NODE_ENV !== "development") {
+    return new Response("Not allowed", { status: 403 })
+  }
+
+  const {
+    params: { tag },
+  } = schema.parse(context)
+
+  revalidateTag(tag)
+
+  return new Response(`revalidated: ${tag}`, { status: 200 })
+}

src/app/api/revalidate/route.ts

@@ -0,0 +1,12 @@
+import { revalidatePath } from "next/cache"
+import { env } from "@/env"
+
+export async function GET() {
+  if (env.NODE_ENV !== "development") {
+    return Response.json({ message: "Not allowed" }, { status: 403 })
+  }
+
+  revalidatePath("/")
+
+  return new Response("revalidated everything", { status: 200 })
+}

src/components/product-card-skeleton.tsx

@@ -13,7 +13,7 @@ export function ProductCardSkeleton({
 }: ProductCardSkeletonProps) {
   return (
     <Card
-      className={cn("h-full overflow-hidden rounded-md", className)}
+      className={cn("h-full overflow-hidden rounded-lg", className)}
       {...props}
     >
       <CardHeader className="border-b p-0">

src/components/product-card.tsx

@@ -43,7 +43,7 @@ export function ProductCard({
 
   return (
     <Card
-      className={cn("size-full overflow-hidden rounded-md", className)}
+      className={cn("size-full overflow-hidden rounded-lg", className)}
       {...props}
     >
       <Link aria-label={product.name} href={`/product/${product.id}`}>

src/components/products.tsx

@@ -14,7 +14,7 @@ import { queryConfig } from "@/config/query"
 import {
   type getCategories,
   type getSubcategoriesByCategory,
-} from "@/lib/actions/product"
+} from "@/lib/queries/product"
 import { cn, toTitleCase, truncate } from "@/lib/utils"
 import { useDebounce } from "@/hooks/use-debounce"
 import { Button } from "@/components/ui/button"

src/components/store-card-skeleton.tsx

@@ -3,7 +3,7 @@ import { Skeleton } from "@/components/ui/skeleton"
 
 export function StoreCardSkeleton() {
   return (
-    <Card className="relative h-full rounded-md">
+    <Card className="relative h-full rounded-lg">
       <Skeleton className="absolute right-4 top-4 h-4 w-20 rounded-sm px-2 py-0.5" />
       <CardHeader>
         <Skeleton className="h-4 w-1/2" />

src/components/store-card.tsx

@@ -30,7 +30,7 @@ export function StoreCard({ store, href }: StoreCardProps) {
 
   return (
     <Link href={href}>
-      <Card className="relative h-full rounded-md transition-colors hover:bg-muted/25">
+      <Card className="relative h-full rounded-lg transition-colors hover:bg-muted/25">
         {isUserStore ? (
           <Tooltip>
             <TooltipTrigger asChild>

src/components/tables/products-table.tsx

@@ -7,8 +7,9 @@ import { DotsHorizontalIcon } from "@radix-ui/react-icons"
 import { type ColumnDef } from "@tanstack/react-table"
 import { toast } from "sonner"
 
-import { deleteProduct, type getCategories } from "@/lib/actions/product"
+import { deleteProduct } from "@/lib/actions/product"
 import { getErrorMessage } from "@/lib/handle-error"
+import { type getCategories } from "@/lib/queries/product"
 import { formatDate, formatPrice } from "@/lib/utils"
 import { useDataTable } from "@/hooks/use-data-table"
 import { Badge } from "@/components/ui/badge"