fix(next): Next project does not work out of the box

[mbasadi]

Steps to reproduce the issue:

$ mkdir nextSample
$ cd nextSample
$ npx projen new nextjs-ts
$ npm run projen    

You will get an error like:

import { web } from "projen";
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at internalCompileFunction (node:internal/vm:77:18)

My temporary sloution was something like this:

import { TextFile, web } from "projen";
const project = new web.NextJsTypeScriptProject({
  defaultReleaseBranch: "main",
  name: "nextSample",
  projenrcTs: true,
});
// Update or create the 'default' task
const defaultTask = project.tasks.tryFind('default');
if (defaultTask) {
  defaultTask.reset();
  defaultTask.description = 'Synthesize project files';
  defaultTask.exec('ts-node --project tsconfig.projen.json .projenrc.ts');
} else {
  project.addTask('default', {
    description: 'Synthesize project files',
    steps: [{ exec: 'ts-node --project tsconfig.projen.json .projenrc.ts' }],
  });
}
new TextFile(project, 'tsconfig.projen.json', {
  lines: [
    '{',
    '  "extends": "./tsconfig.json",',
    '  "compilerOptions": {',
    '    "module": "commonjs"',
    '  },',
    '  "include": [',
    '    ".projenrc.ts"',
    '  ]',
    '}',
  ],
});
project.synth();

Note, to be able to tun npm run projen you have to overwrite tsconfig.dev.json and change module to commonjs

[raihan-ste]

fwiw I'm also running into this issue, tried with projen 0.81.0