I have a folder of a lot of json files. I want to exclude it from getting into build as it would increase the build size. But I also need to get data from those files and can't store in database. Is there any way to achieve this?

I have tried exclude folder at next.config.js but couldn't find any changes

I have a folder of a lot of json files. I want to exclude it from getting into build as it would increase the build size. But I also need to get data from those files and can't store in database. Is there any way to achieve this?

I have tried exclude folder at next.config.js but couldn't find any changes

• javascript
• reactjs
• json
• next.js
• build

• Please provide enough code so others can better understand or reproduce the problem. – Community Bot Commented May 31, 2023 at 8:13

3 Answers 3

I solved the issue by adding the directory I wanted ignored to the exclude key in tsconfig.json (only applicable if using TypeScript)

{
  "exclude": ["node_modules", "MY_FOLDER"]
}

First you need to exclude the folder in next.config.js, lets say all the data that you need to exlude is in the data folder:

const nextConfig = {
  // ...
  exclude: ['data'],
};

Second you need to import the data folder using require in order the use the json data:

const users = require('./data/users.json');

I want this feature too but the only solution that simple and works is this:

export async function generateStaticParams() {
  if (process.env.MODULE != '') {
    return [{ slug: [] }]
  }
  return source.generateParams()
}

then:

MODULE=rpa pnpm run build

the out build would not include the dynamic route directory.

next version: ^14.2.15