Xanacas Posts - Answer Overflow

Xanacas

•Created by Xanacas on 1/29/2025 in #questions

NextJS dynamic routes with „use cache“ and dynamicIO - examples?

Hi everyone 😃 Does anyone have an example with an cached dynamic route in the new dynamicIO way of doing it? Even though I saw an issue on GitHub, I can’t believe it’s in general not possible. I basically need a very common example for something like a blog. Requesting the page content from an external api in an server-function with use cache, cache tag and cache life and then generate the pages with a dynamic [slug]/page.tsx Thanks a lot in advance 🙏

4 replies

TTCTheo's Typesafe Cult

•Created by Xanacas on 1/21/2025 in #questions

Typesafe: Is there any better way to write this code?

I always try to get better at coding and a challenge I recently came across is this one: I receive some values from database, give that object to a function, which calculates some additional values and adds them to the object. I am aware of two ways to do this. The first is using spread operator - which is very handy, but produces (to my understanding) potentially a huge performance impact because every input object gets copied to be spread.

function calculateSums(project: InputProject)
const budgetEuros = project.workstreams.reduce((acc: number, workstream) => acc + workstream.budgetEuros, 0);
return {
    ...project,
    budgetEuros
}

function calculateSums(project: InputProject)
const budgetEuros = project.workstreams.reduce((acc: number, workstream) => acc + workstream.budgetEuros, 0);
return {
    ...project,
    budgetEuros
}

I tried to avoid this but ended up with a huge amount of code just to satisfy typescript.

type InputProject = Awaited<ReturnType<typeof fetchProjects>>[number];
type OutputProject = InputProject & {
    budgetUsedHours: number;
};
type OptionalProject = InputProject & {
    budgetUsedHours?: number;
};

function calculateSums(project: InputProject): OutputProject {
    const p = project as unknown as OptionalProject;

    p.budgetUsedHours= p.workstreams.reduce((acc: number, workstream) => acc + workstream.budgetHours, 0);

    return p as unknown as OutputProject;
}

type InputProject = Awaited<ReturnType<typeof fetchProjects>>[number];
type OutputProject = InputProject & {
    budgetUsedHours: number;
};
type OptionalProject = InputProject & {
    budgetUsedHours?: number;
};

function calculateSums(project: InputProject): OutputProject {
    const p = project as unknown as OptionalProject;

    p.budgetUsedHours= p.workstreams.reduce((acc: number, workstream) => acc + workstream.budgetHours, 0);

    return p as unknown as OutputProject;
}

Is there any better way to write this code?

6 replies

TTCTheo's Typesafe Cult

•Created by Xanacas on 1/4/2024 in #questions

Typescript bug or am I stupid?

4 replies

TTCTheo's Typesafe Cult

•Created by Xanacas on 11/5/2023 in #questions

How to get rid of this unnecessary code while preventing eslint from complaining.

6 replies

TTCTheo's Typesafe Cult

•Created by Xanacas on 10/5/2022 in #questions

Prisma - Timed out fetching a new connection from the connection pool

Hi there, Sometimes, even with a very small site (nextjs, hosted on vercel), I ran into this issue: PrismaClientKnownRequestError: Timed out fetching a new connection from the connection pool. More info: http://pris.ly/d/connection-pool (Current connection pool timeout: 10, connection limit: 5) Unfortunately I dont understand the suggested connection pool tuning. Any specific recommendations regarding Vercel Hosting? I have around 20 functions that use a prisma instance, imported from one file. What amount of concurrent useres would you expect to be fine? (Without prisma data proxy)

1 replies

Gaming

Programming