How to deploy Nextjs use Docker
Unanswered
Yacare Caiman posted this in #help-forum
Yacare CaimanOP
Hi, I got error when deploy my Nextjs use Docker compose file
There is only error render, no server logs. Only Internal Server Error at http://localhost:3000 . What's wrong here? I can deploy it normally on Vercel, local machine.
This is my config:
There is only error render, no server logs. Only Internal Server Error at http://localhost:3000 . What's wrong here? I can deploy it normally on Vercel, local machine.
This is my config:
// @ts-nocheck
await import("./src/env.js");
/** @type {import("next").NextConfig} */
const config = {
output: "standalone",
images: {
remotePatterns: [
{
protocol: "https",
hostname: "d1muf25xaso8hp.cloudfront.net",
},
],
},
logging: {
fetches: {
fullUrl: true,
},
},
eslint: {
ignoreDuringBuilds: true,
},
webpack(config) {
// Grab the existing rule that handles SVG imports
const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.(".svg"));
config.module.rules.push(
// Reapply the existing rule, but only for svg imports ending in ?url
{
...fileLoaderRule,
test: /\.svg$/i,
resourceQuery: /url/, // *.svg?url
},
// Convert all other *.svg imports to React components
{
test: /\.svg$/i,
issuer: fileLoaderRule.issuer,
resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
use: ["@svgr/webpack"],
}
);
// Modify the file loader rule to ignore *.svg, since we have it handled now.
fileLoaderRule.exclude = /\.svg$/i;
return config;
},
turbopack: {
rules: {
"*.svg": {
loaders: ["@svgr/webpack"],
as: "*.js",
},
},
},
};
export default config;