chore: fix the nx demo (#1636)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

Author: ascorbic

cypress/integration/nx/general.spec.ts

@@ -4,7 +4,7 @@ describe('Default site', () => {
   })
 
   it('loads home page', () => {
-    cy.findByRole('heading', { name: 'Welcome to nx-nextjs-monorepo!' })
+    cy.findByRole('heading', { name: 'Hello there, Welcome demo-monorepo 👋' })
 
     cy.visit('//')
     cy.url().should('eq', `${Cypress.config().baseUrl}/`)

demos/nx-next-monorepo-demo/.gitignore

@@ -0,0 +1,42 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+
+# dependencies
+node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db
+
+# Next.js
+.next

demos/nx-next-monorepo-demo/.npmrc

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "nrwl.angular-console",
+    "esbenp.prettier-vscode",
+    "firsttris.vscode-jest-runner",
+    "dbaeumer.vscode-eslint"
+  ]
+}

demos/nx-next-monorepo-demo/.vscode/extensions.json

@@ -1,10 +1,10 @@
-# NxNextjsMonorepo
+# NxNextMonorepo
 
-This project was generated using [Nx](https://nx.dev). It is a demo site to test that Nx monorepos work properly with the Netlify Next Runtime.
+This project was generated using [Nx](https://nx.dev).
 
 <p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="450"></p>
 
-🔎 **Smart, Extensible Build Framework**
+🔎 **Smart, Fast and Extensible Build System**
 
 ## Adding capabilities to your workspace
 
@@ -44,7 +44,7 @@ Run `nx g @nrwl/react:lib my-lib` to generate a library.
 
 > You can also use any of the plugins above to generate libraries as well.
 
-Libraries are shareable across libraries and applications. They can be imported from `@nx-nextjs-monorepo/mylib`.
+Libraries are shareable across libraries and applications. They can be imported from `@nx-next-monorepo/mylib`.
 
 ## Development server
 
@@ -68,13 +68,13 @@ Run `nx affected:test` to execute the unit tests affected by a change.
 
 ## Running end-to-end tests
 
-Run `ng e2e my-app` to execute the end-to-end tests via [Cypress](https://www.cypress.io).
+Run `nx e2e my-app` to execute the end-to-end tests via [Cypress](https://www.cypress.io).
 
 Run `nx affected:e2e` to execute the end-to-end tests affected by a change.
 
 ## Understand your workspace
 
-Run `nx dep-graph` to see a diagram of the dependencies of your projects.
+Run `nx graph` to see a diagram of the dependencies of your projects.
 
 ## Further help
 

demos/nx-next-monorepo-demo/README.md

@@ -1,13 +1,14 @@
 {
-  "root": "apps/demo-monorepo-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "sourceRoot": "apps/demo-monorepo-e2e/src",
   "projectType": "application",
   "targets": {
     "e2e": {
       "executor": "@nrwl/cypress:cypress",
       "options": {
         "cypressConfig": "apps/demo-monorepo-e2e/cypress.json",
-        "devServerTarget": "demo-monorepo:serve"
+        "devServerTarget": "demo-monorepo:serve:development",
+        "testingType": "e2e"
       },
       "configurations": {
         "production": {

demos/nx-next-monorepo-demo/apps/demo-monorepo-e2e/project.json

@@ -8,6 +8,6 @@ describe('demo-monorepo', () => {
     cy.login('[email protected]', 'myPassword');
 
     // Function helper example, see `../support/app.po.ts` file
-    getGreeting().contains('Welcome to demo-monorepo!');
+    getGreeting().contains('Welcome demo-monorepo');
   });
 });

demos/nx-next-monorepo-demo/apps/demo-monorepo-e2e/src/integration/app.spec.ts

@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/index.js is processed and
+// This example support/index.ts is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
@@ -13,5 +13,5 @@
 // https://on.cypress.io/configuration
 // ***********************************************************
 
-// Import commands.js using ES2015 syntax:
+// Import commands.ts using ES2015 syntax:
 import './commands';

demos/nx-next-monorepo-demo/apps/demo-monorepo-e2e/src/support/index.ts

@@ -1,11 +1,11 @@
 {
   "extends": [
     "plugin:@nrwl/nx/react-typescript",
-    "../../.eslintrc.json",
     "next",
-    "next/core-web-vitals"
+    "next/core-web-vitals",
+    "../../.eslintrc.json"
   ],
-  "ignorePatterns": ["!**/*"],
+  "ignorePatterns": ["!**/*", ".next/**/*"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
@@ -25,6 +25,9 @@
       "rules": {}
     }
   ],
+  "rules": {
+    "@next/next/no-html-link-for-pages": "off"
+  },
   "env": {
     "jest": true
   }

demos/nx-next-monorepo-demo/apps/demo-monorepo/.eslintrc.json

@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   displayName: 'demo-monorepo',
   preset: '../../jest.preset.js',
   transform: {