adding-fullstack-serve-target.ts

// ...

async function createReactApplication(
  tree: Tree,
  options: AppGeneratorSchema,
  webAppName: string
) {
  await reactAppGenerator(tree, {
    name: webAppName,
    linter: Linter.EsLint,
    style: 'css',
    e2eTestRunner: 'none',
    unitTestRunner: 'vitest',
    bundler: 'vite',
    devServerPort: options.frontendPort,
  });
  await setupTailwindGenerator(tree, { project: webAppName });
  createAppTsxBoilerPlate(tree, options.name);
  adjustDefaultDevPort(tree, options);
  addFullstackServeTarget(tree, options);
}

function addFullstackServeTarget(tree: Tree, options: AppGeneratorSchema) {
  const { fileName: frontEndKabobCase } = names(`${options.name}-web`);
  const { fileName: backEndKabobCase } = names(`${options.name}-server`);
  updateJson(tree, `apps/${frontEndKabobCase}/project.json`, (json) => {
    return {
      ...json,
      targets: {
        ...json.targets,
        'serve-fullstack': {
          executor: '@nx-trpc-example/plugin:serve-fullstack',
          options: {
            frontendProject: frontEndKabobCase,
            backendProject: backEndKabobCase,
          },
        },
      },
    };
  });
}