Fix timeout issue

Author: coderomm

src/app/api/image/route.ts

@@ -3,6 +3,8 @@ import { NEXT_AUTH_CONFIG } from "@/utils/auth";
 import { getServerSession } from "next-auth";
 import { NextRequest, NextResponse } from "next/server";
 
+export const maxDuration = 60;
+
 export async function POST(req: NextRequest) {
  const session = await getServerSession(NEXT_AUTH_CONFIG);
  if (!session) {
@@ -42,7 +44,7 @@ export async function POST(req: NextRequest) {
  seed: randomSeed,
  userId: user.id,
  },
- });
+ }); 
 
  return NextResponse.json({ url: imageUrl })
 }

src/app/generate-image/page.tsx

@@ -48,6 +48,10 @@ export default function Page() {
  });
 
  async function onSubmit(values: z.infer<typeof formSchema>) {
+ if (!session) {
+ toast({ variant: "destructive", description: "Login required to generate an image." });
+ return;
+ }
  try {
  setLoading(true);
  const response = await fetch("/api/image", {
@@ -106,7 +110,7 @@ export default function Page() {
  containerClassName="rounded-full"
  as="button"
  buttonType={btnType.submit}
- btnDisabled={loading || !session}
+ btnDisabled={loading}
  className="disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50
  bg-black text-white flex items-center space-x-2 w-full md:w-auto">
  <span className="flex justify-center items-center gap-2 w-auto">

vercel.json

@@ -1,6 +1,6 @@
 {
  "functions": {
- "src/app/api/image/generate/route.ts": {
+ "app/api/**/*": {
  "maxDuration": 60
  }
  }