update(nx): to v14.5.10 (#29)

* update(nx): 1st step migrating to v14.5.10

* update(nx): 2nd step migrating to v14.5.10

* update(nx): 3rd step migrating to v14.5.10

* update(nx): 4th step migrating to v14.5.10

Author: erkobridee

.gitignore

@@ -42,3 +42,6 @@ tsconfig.tsbuildinfo
 # System Files
 .DS_Store
 Thumbs.db
+
+# Next.js
+.next

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

.storybook/main.js

@@ -1,6 +1,6 @@
-const { appRootPath } = require('@nrwl/tao/src/utils/app-root');
+const { workspaceRoot } = require('nx/src/utils/workspace-root');
 
-const configStorybook = require(`${appRootPath}/tools/config/webpack/storybook`);
+const configStorybook = require(`${workspaceRoot}/tools/config/webpack/storybook`);
 
 module.exports = {
   stories: [],

README.md

@@ -1,6 +1,6 @@
 # NxNextjs
 
-This project was generated using [Nx](https://nx.dev/) ([v14.4.2](https://github.com/nrwl/nx/releases/tag/v14.4.2))
+This project was generated using [Nx](https://nx.dev/) ([v14.5.10](https://github.com/nrwl/nx/releases/tag/14.5.10))
 
 ℹ️  use the [node.js](https://nodejs.org/en/) v16 LTS
 
@@ -92,6 +92,8 @@ This project was generated using [Nx](https://nx.dev/) ([v14.4.2](https://github
 
   - with the `NODE_ENV=production` that will trigger the Tailwind css purge
 
+  - `NODE_ENV=production nx export nextjs --prod`
+
 - test exported: `npx serve dist/apps/nextjs/exported`
 
 - lint: `nx lint nextjs`

apps/app-e2e/cypress.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'cypress';
+import { nxE2EPreset } from '@nrwl/cypress/plugins/cypress-preset';
+import setupNodeEvents from './src/plugins/index';
+
+const cypressJsonConfig = {
+  fileServerFolder: '.',
+  fixturesFolder: './src/fixtures',
+  video: true,
+  videosFolder: '../../dist/cypress/apps/app-e2e/videos',
+  screenshotsFolder: '../../dist/cypress/apps/app-e2e/screenshots',
+  chromeWebSecurity: false,
+  specPattern: 'src/e2e/**/*.cy.{js,jsx,ts,tsx}',
+  supportFile: 'src/support/e2e.ts',
+};
+export default defineConfig({
+  e2e: {
+    ...nxE2EPreset(__dirname),
+    ...cypressJsonConfig,
+    setupNodeEvents,
+  },
+});

apps/app-e2e/cypress.json

@@ -6,5 +6,5 @@
     "allowJs": true,
     "types": ["cypress", "node"]
   },
-  "include": ["src/**/*.ts", "src/**/*.js"]
+  "include": ["src/**/*.ts", "src/**/*.js", "cypress.config.ts"]
 }

apps/app-e2e/src/integration/app.spec.ts apps/app-e2e/src/e2e/app.cy.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'cypress';
+import { nxE2EPreset } from '@nrwl/cypress/plugins/cypress-preset';
+import setupNodeEvents from './src/plugins/index';
+
+const cypressJsonConfig = {
+  fileServerFolder: '.',
+  fixturesFolder: './src/fixtures',
+  video: true,
+  videosFolder: '../../dist/cypress/apps/nextjs-e2e/videos',
+  screenshotsFolder: '../../dist/cypress/apps/nextjs-e2e/screenshots',
+  chromeWebSecurity: false,
+  specPattern: 'src/e2e/**/*.cy.{js,jsx,ts,tsx}',
+  supportFile: 'src/support/e2e.ts',
+};
+export default defineConfig({
+  e2e: {
+    ...nxE2EPreset(__dirname),
+    ...cypressJsonConfig,
+    setupNodeEvents,
+  },
+});

apps/app-e2e/src/support/index.ts apps/app-e2e/src/support/e2e.ts

@@ -6,5 +6,5 @@
     "allowJs": true,
     "types": ["cypress", "node"]
   },
-  "include": ["src/**/*.ts", "src/**/*.js"]
+  "include": ["src/**/*.ts", "src/**/*.js", "cypress.config.ts"]
 }

apps/app-e2e/tsconfig.e2e.json

@@ -1,5 +1,6 @@
-const { appRootPath } = require('@nrwl/tao/src/utils/app-root');
-const withNx = require(`${appRootPath}/tools/config/nextjs`)(__dirname);
+const { workspaceRoot } = require('nx/src/utils/workspace-root');
+
+const withNx = require(`${workspaceRoot}/tools/config/nextjs`)(__dirname);
 
 module.exports = withNx({
   swcMinify: true,

apps/nextjs-e2e/cypress.config.ts

@@ -1,9 +1,9 @@
-const { appRootPath } = require('@nrwl/tao/src/utils/app-root');
+const { workspaceRoot } = require('nx/src/utils/workspace-root');
 
 const {
   PURGE_MATCH_FILES,
-} = require(`${appRootPath}/tools/config/tailwind/definitions`);
-const configTailwind = require(`${appRootPath}/tools/config/tailwind`);
+} = require(`${workspaceRoot}/tools/config/tailwind/definitions`);
+const configTailwind = require(`${workspaceRoot}/tools/config/tailwind`);
 
 module.exports = configTailwind({
   content: [`${__dirname}/src/${PURGE_MATCH_FILES}`],

apps/nextjs-e2e/cypress.json

@@ -0,0 +1,23 @@
+import { defineConfig } from 'cypress';
+import { nxE2EPreset } from '@nrwl/cypress/plugins/cypress-preset';
+import setupNodeEvents from './src/plugins/index';
+
+const cypressJsonConfig = {
+  fileServerFolder: '.',
+  fixturesFolder: './src/fixtures',
+  video: true,
+  videosFolder: '../../dist/cypress/apps/shared-components-e2e/videos',
+  screenshotsFolder:
+    '../../dist/cypress/apps/shared-components-e2e/screenshots',
+  chromeWebSecurity: false,
+  baseUrl: 'http://localhost:4400',
+  specPattern: 'src/e2e/**/*.cy.{js,jsx,ts,tsx}',
+  supportFile: 'src/support/e2e.ts',
+};
+export default defineConfig({
+  e2e: {
+    ...nxE2EPreset(__dirname),
+    ...cypressJsonConfig,
+    setupNodeEvents,
+  },
+});

apps/nextjs-e2e/src/integration/app.spec.ts apps/nextjs-e2e/src/e2e/app.cy.ts

@@ -6,5 +6,5 @@
     "allowJs": true,
     "types": ["cypress", "node"]
   },
-  "include": ["src/**/*.ts", "src/**/*.js"]
+  "include": ["src/**/*.ts", "src/**/*.js", "cypress.config.ts"]
 }