39 questions
0
votes
1
answer
222
views
Next.js 16 Beta: Metadata tags showing up in body instead of head (breaking SEO)
I've been pulling my hair out over this for hours. My metadata is rendering inside the <body> tag instead of the <head> on the server-side HTML, which is completely breaking SEO.
The weird ...
- 11
0
votes
0
answers
523
views
Deploying nextjs turbopack application returns 404 error
I have a Next.js 15 application that builds successfully on AWS Amplify but returns a 404 error when accessing the deployed site. The build completes without errors, but the homepage and other routes ...
- 9,922
0
votes
0
answers
80
views
TurboRepo Internal Server Error next-js for loacl host
when you freshly download the tubrorepo using npx create-turbo@latest and uses npm than if you try to open the nextjs website in local host you face the interval server error problem which can be ...
1
vote
1
answer
256
views
How to change scss classname generation pattern (output format) in Next.js with Turbopack?
I am using latest Next.js and sass (scss) in my project. Here is next.config.ts configuration:
import type { NextConfig } from 'next';
import createNextIntlPlugin from 'next-intl/plugin';
import '~/...
- 246
1
vote
2
answers
2k
views
Tailwind CSS classes not applying in Next.js 15 app using Turbopack
I’m using the latest version of Next.js with Turbopack and trying to set up Tailwind CSS, but it’s not being applied at all.
I followed the Next.js, but styles don’t work. No errors during compilation,...
1
vote
1
answer
1k
views
Configuring "raw-loader" with turbopack
My project is running in Next.JS 15.0.3 with turbopack.
raw-loader is now supported with turbopack and so I'd like to configure it to load webgl shaders files. I've installed raw-loader as dev ...
- 45
0
votes
0
answers
44
views
Importing font from 'next/font/google' spikes compilation times
The font import
import { Archivo_Narrow } from 'next/font/google';
export const archivoNarrow = Archivo_Narrow({ subsets: ['latin'] });
Code change made with import
✓ Compiled / in 33.2s
Code change ...
- 11
0
votes
1
answer
302
views
Nextjs v15 App router - support old browsers
Supporting old browsers seems impossible when using nextjs v15 with App router.
browserslist in package.json doesn't do anything, changing tsconfig.json compiler option target doesn't affect build ...
- 53
4
votes
1
answer
1k
views
How to use npm link dependency with Next.js Turbopack?
I'm developing a package, which I also need to test with local next.js project.
The structure is:
[email protected] C:\Users\mist\code\my-package
├── package.json
├── src
├── example/
├── package....
- 1,338
5
votes
2
answers
723
views
Typescript error TP1001 when creating a Web Worker in Next.js 15.0.2 with Stockfish chess engine
I'm working on a Next.js 15.0.2 project with turbopack using TypeScript, and I'm integrating the Stockfish chess engine to create a Web Worker on the client side.
The Stockfish library is stored in ...
- 1,641
0
votes
2
answers
1k
views
Configure Turbopack to load SVGs according to resource-query
Turbopack supports loading SVGs using @svgr/webpack:
const nextConfig: NextConfig = {
experimental: {
turbo: {
rules: {
'*.svg': {
loaders: ['@svgr/webpack'],
...
- 17.7k
1
vote
0
answers
1k
views
Excluding dependencies from bundle (NextJS & Turbopack)
I am using package in my NextJS which includes modules for React Native that need to be excluded. As part of a migration to move to Turbopack from Webpack, I need to find a way to exclude these ...
- 905
8
votes
3
answers
8k
views
Module not found: Can't resolve '@vercel/turbopack-ecmascript-runtime/dev/client/hmr-client.ts'
I'm working on a Next.js project and I'm encountering an unusual error. When I click on a button in my application, I get the following error:
Module not found: Can't resolve '@vercel/turbopack-...
- 105
1
vote
0
answers
99
views
TypeError: Cannot set properties of undefined (setting 'base') Getting this error in next.js when I switched to turbopack
I am using next14 app router and routes handlers with mongoose ORM. It was working fine when i was using webpack.
here is the stacktrace
⨯ TypeError: Cannot set properties of undefined (setting 'base')...
- 11
0
votes
1
answer
369
views
I keep getting an error when writing not-found.js in Next13 (app router)
I wrote not-found.tsx on top of the default file created when create next app. It seems to be working fine, but the console keeps giving me an error every second.
Also, when I run the next app with ...
- 101
4
votes
2
answers
4k
views
How to integrate @svgr/webpack to turbopack in next.js?
The documentation says that turbopack works with @svgr/webpack, but doesn't really want to work.
If you run the project without --turbo (turbopack), everything works fine.
And if run with --turbo, it ...
3
votes
0
answers
209
views
Firestore Connection Issues in Next.js 13 Turbo Pack: Error "Could not reach Cloud Firestore backend"
I have already verified that my internet connection is stable, and I have double-checked my Firebase configuration. I have also made sure that I have installed the correct version of the firebase ...
- 560
7
votes
0
answers
1k
views
How to resolve modules with turbopack in NextJS 13
Node APIs are not available on the client, but many NextJS projects have nested dependencies to these APIs (i.e. fs). With webpack it's easy to adjust how the module resolves based on client/server ...
- 1,973
1
vote
1
answer
1k
views
Middleware in Next.js@13+ with Turbopack
I created a new [email protected] project with Turbopack and added middleware.ts file to the project's root directory. When I sent a request(e.g. /api/search?query=Hello), the middleware wasn't executed. ...
- 138
9
votes
1
answer
4k
views
Can Turbopack be used outside NextJs?
Since it's apparently very fast, It would be nice if it could be used outside for multiple projects like Vite. Couldn't find much information about it on their website https://turbo.build/pack
Went to ...
- 103