Does not work with fastify-cli typescript template

[JoffrayBillon]

Does not work with fastify-cli typescript template

[mcollina]

cc @fastify/typescript

[mcollina]

Thanks for reporting! Would you like to send a Pull Request to address this issue? Remember to add unit tests.

[JoffrayBillon]

I have no idea how to fix this bug and after more research it looks like that behavior comes from the nextjs implementation... Should I open a ticket on their side, find a way to block the behavior on fastify nextjs or make the tsconfig setting works globally with thoses settings for fastify ?

[climba03003]

I believe it is a non-issue here. Next.js planned to modify the user setting, but it already provided the information that modified.

It doesn't means that the current template is in-compatible to this plugin but it requires you to justify yourself is the modification fit your needs.

[JoffrayBillon]

I not pretty sure I get what you mean, it's not a modifications that I ask it just don't work the way I showed in the description ^^'

[climba03003]

it just don't work the way I showed in the description

Then, a proper repro with all the code would be great.

[fozziethebeat]

I'm running into the same problem. I created a typescript project with fastify generate . --lang=ts and tried to include @fastify/nextjs. I managed to get things to build but I can't get the nextjs pages to server via fastify.

A more robust demo repo of how to setup this up with the default typescript fastify project would be really helpful.

[fozziethebeat]

Also, one maybe helpful clarification.

I modified by build step to be :

  "build": "tsc && next build",

With this change npm run start works correctly. npm run dev does not, it goes into an infinite loop with loading environment variables.

[fozziethebeat]

I put together a demo repository that demonstrates this problem: https://github.com/fozziethebeat/fastify-nextjs-ts.

I created this by running

npx fastify generate fastify-nextjs-ts  --lang=ts
cd fastify-next-ts
npm install
npm i @fastify/nextjs next react react-dom

And then adding a basic src/pages/hello.tsx and updating src/app.ts with the lines recommended in the primary README.

I can confirm that npm run start works properly and includes the nextjs page. Running npm run dev goes into an infinite loop where the server never starts.

[fozziethebeat]

To try and diagnose this further, I did the same steps but with the standard javascript Fastify template project. I stored that in this repo: https://github.com/fozziethebeat/fastify-nextjs-js

With the javascript template, npm run dev also hangs forever and never starts the server. It doesn't output anything so I can't quite tell what's going on. But I'm guessing fastify -w is what's triggering some underlying issue.

[climba03003]

fastify-cli is watching the CWD.
If something is triggering the changes, it is expected to restart forever.

I assume nextjs is actually always built the temp assets inside node_modules in dev mode.
And when it restart, the dev mode will clear the temp assets and rebuild again.
That's also why pre-built would works.
Maybe adding node_modules inside the ignore list would helps.

[fozziethebeat]

I think that's the part I wasn't too familiar with (Still getting familiar with fastify).

Replacing the typescript dev:start command to be

    "dev:start": "fastify start --ignore-watch='node_modules .next .ts$' -w -l info -P dist/app.js"

did the trick. now npm run dev is working and picking up all the changes. I also had to set noEmit to false in tsconfig.

[climba03003]

I am going to close and pin this issue.
The solution already exists throughout the conversation.

[fozziethebeat]

I updated my test typescript repo with the changes and things are now working smoothly for me. I'll freeze this demo repo so others that run into this problem can replicate the changes.