Problem Building API Routes due to "Failed to collect page data" #72779
Unanswered
6BCC2C3896
asked this question in
Help
Replies: 8 comments 5 replies
-
|
Is the |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
env is defined help of the envalid package (https://github.com/af/envalid) in .\frontend\lib\config\config.ts. It might be the case that it does the type check and assignments at the start, but I am not deep into this package. I might add that I have removed all env vars from next.config.js and try to load all envs from config object returned by envalid. |
Beta Was this translation helpful? Give feedback.
1 reply
-
|
Why do you even need that package? Anyway, try turning minification off, to try and get better error logs: swcMinify: true,
experimental: {
serverMinification: false,
},Add that to your config. Do the logs change? |
Beta Was this translation helpful? Give feedback.
-
|
Good and valid question you are asking. I was using it since it looked easier to validate some constraints like type, range, etc. on env vars. But also open for other solutions. The logs look the same, and swcMinify is unrecognized as a key. For this build run, I have also replaced the envalid env loading with a direct string of the var in the file. |
Beta Was this translation helpful? Give feedback.
1 reply
-
|
Ah right, in next 15 that swcMinify flag is gone. But the server minification should've, maybe, changed the logs... Is there any way around removing code until you get a build pass? To try and narrow down the problem? |
Beta Was this translation helpful? Give feedback.
-
|
Your suggestion to remove increasingly until it works sounds good, this is what I would work on if there is no obvious solution to this. This API route is only for getting Stripe events and processing them. Later in the code, we have some deps on sending email and writing entries into DB. My understanding is that in some part, Next has to make this switch/decision to decide for rendering the data over API or keeping it as it is for calls during production. |
Beta Was this translation helpful? Give feedback.
1 reply
-
|
Yeah, well, run on demand, but must be compiled during build time anyway. I'll take a look later! Out of time for now. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you, IcyJoseph for your responses. Have a productive day. |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
I have the same problem. |
Beta Was this translation helpful? Give feedback.
1 reply
-
I wrote this stub: // lib/utils/with-build-guard.ts
import { NextRequest, NextResponse } from "next/server"
const isBuild = process.env.NEXT_PHASE === "phase-production-build"
/**
* Build-safe wrapper for Next.js API route handlers
* Supports standard Next.js (req, context) signature
*/
export function withBuildGuard<
C extends { params?: Record<string, string> } = { params: Record<string, string> }
>(
handler: (req: NextRequest, context: C) => Promise<Response>
): (req: NextRequest, context: C) => Promise<Response> {
if (isBuild) {
return async () => NextResponse.json(null, { status: 204 }) as Response
}
return handler
}apply as a wrapper and see if it helps? export const GET = withBuildGuard(withWorkspaceContext(
async ({ searchParams, workspace }) => {
try {
const year = searchParams.year || new Date().getFullYear().toString()
const month = searchParams.month || (new Date().getMonth() + 1).toString().padStart(2, "0")
const includeComparison = searchParams.includeComparison !== "false"
const cacheKey = `budgets:${workspace.id}:${year}:${month}:${includeComparison}`
const cachedData = await withCacheOperation({ operation: "get", key: cacheKey }, () => redis.get(cacheKey))
if (cachedData && typeof cachedData === "string") {
return NextResponse.json(JSON.parse(cachedData))
}
// Calculate period boundaries
const startOfMonth = new Date(`${year}-${month}-01`)
const endOfMonth = new Date(new Date(startOfMonth).setMonth(startOfMonth.getMonth() + 1) - 1)
// Get active budgets for the period
const budgets = await withDbOperation(
{
operation: "findMany",
table: "budget",
context: { organizationId: workspace.id, period: { year, month } },
},
() =>
db.budget.findMany({
where: {
organizationId: workspace.id,
startDate: { lte: endOfMonth },
endDate: { gte: startOfMonth },
},
include: {
allocations: {
include: {
category: { select: { id: true, name: true, } },
},
},
},
orderBy: { startDate: "desc" },
}),
)
const result: any = {
period: {
year: Number.parseInt(year),
month: Number.parseInt(month),
startDate: startOfMonth,
endDate: endOfMonth,
},
budgets,
}
// Include budget vs actual comparison if requested
if (includeComparison && budgets.length > 0) {
const activeBudget = budgets[0]
// Get actual expenses for the period
const expenses = await withDbOperation(
{
operation: "findMany",
table: "expense",
context: { organizationId: workspace.id, period: { startOfMonth, endOfMonth } },
},
() =>
db.expense.findMany({
where: {
organizationId: workspace.id,
expenseDate: { gte: startOfMonth, lte: endOfMonth },
},
include: { category: true },
}),
)
// Calculate budget vs actual by category
const categoryMap = new Map()
// Initialize with budget allocations
for (const allocation of activeBudget!.allocations) {
categoryMap.set(allocation.categoryId, {
categoryId: allocation.categoryId,
categoryName: allocation.category.name,
budgeted: allocation.amount,
actual: 0,
variance: allocation.amount,
percentUsed: 0,
status: "on_track", // Will be calculated
})
}
// Add actual expenses
for (const expense of expenses) {
const categoryId = expense.categoryId
if (categoryMap.has(categoryId)) {
const category = categoryMap.get(categoryId)
category.actual += expense.amount
category.variance = category.budgeted - category.actual
category.percentUsed = category.budgeted > 0 ? (category.actual / category.budgeted) * 100 : 0
// Determine status
if (category.percentUsed <= 75) category.status = "on_track"
else if (category.percentUsed <= 90) category.status = "warning"
else if (category.percentUsed <= 100) category.status = "near_limit"
else category.status = "over_budget"
categoryMap.set(categoryId, category)
} else {
// Expense for category without budget allocation
categoryMap.set(categoryId, {
categoryId,
categoryName: expense.category.name,
budgeted: 0,
actual: expense.amount,
variance: -expense.amount,
percentUsed: 100,
status: "no_budget",
})
}
}
const budgetComparison = Array.from(categoryMap.values())
// Calculate totals and insights
const totalBudgeted = budgetComparison.reduce((sum, item) => sum + item.budgeted, 0)
const totalActual = budgetComparison.reduce((sum, item) => sum + item.actual, 0)
const totalVariance = totalBudgeted - totalActual
const totalPercentUsed = totalBudgeted > 0 ? (totalActual / totalBudgeted) * 100 : 0
// Generate insights
const insights = []
const overBudgetCategories = budgetComparison.filter((c) => c.status === "over_budget")
const underBudgetCategories = budgetComparison.filter((c) => c.percentUsed < 50 && c.budgeted > 0)
if (overBudgetCategories.length > 0) {
insights.push({
type: "warning",
title: "Over Budget Categories",
message: `${overBudgetCategories.length} categories are over budget`,
categories: overBudgetCategories.map((c) => c.categoryName),
})
}
if (totalPercentUsed > 90) {
insights.push({
type: "alert",
title: "Budget Nearly Exhausted",
message: `${totalPercentUsed.toFixed(1)}% of total budget used`,
})
}
if (underBudgetCategories.length > 0) {
insights.push({
type: "info",
title: "Potential Savings",
message: `${underBudgetCategories.length} categories are significantly under budget`,
categories: underBudgetCategories.map((c) => c.categoryName),
})
}
result.comparison = {
byCategory: budgetComparison,
totals: {
budgeted: totalBudgeted,
actual: totalActual,
variance: totalVariance,
percentUsed: totalPercentUsed,
},
insights,
}
}
// Cache for 3 hours
await withCacheOperation({ operation: "set", key: cacheKey, ttl: 10800 }, () =>
redis.set(cacheKey, JSON.stringify(result), "EX", 10800),
)
return NextResponse.json(result)
} catch (error) {
console.error("Budget GET error:", error)
return NextResponse.json(
{ error: "Failed to fetch budgets", details: error instanceof Error ? error.message : "Unknown error" },
{ status: 500 }
)
}
},
{
requiredPermissions: ["budgets:read"],
},
)) |
Beta Was this translation helpful? Give feedback.
-
|
This bug is so annoying mahn |
Beta Was this translation helpful? Give feedback.
1 reply
-
|
any solution? |
Beta Was this translation helpful? Give feedback.
-
|
I'm still having this issue |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Summary
Build process fails due to API route, tries to collect page data.
My build with the latest 15.0.3 Next.js does fail because it tries to collect data for API routes, which should be handled as dynamic routes that are only for dynamic usage.
Additional information
No response
Example
No response
Beta Was this translation helpful? Give feedback.
All reactions