Add instructions to top of readme

Author: Kevin Old

setup-create-next-app-webpack-4/README.md

@@ -1,3 +1,36 @@
+# Component Testing Example: Create Next App + Webpack 4
+
+This is an example **Create Next App + Webpack 4** project with Cypress component testing.
+
+- `yarn` to install the dependencies
+- `npx cypress open-ct` to run interactively
+- `npx cypress run-ct` to run all tests headlessly
+
+The following was done to create this example:
+
+1. Initialize a baseline "nested-components" project in the [setup-create-next-app-webpack-4](.) subdirectory
+   1. `yarn create next-app --example nested-components setup-create-next-app-webpack-4`
+   2. `cd setup-create-next-app-webpack-4`
+   3. Commit [`f292831`](https://github.com/cypress-io/cypress-component-testing-examples/commit/f292831e0c4c5d84d458f20098ca3e4d5eb7cf0c)
+2. Add Cypress component testing support with sample tests
+   1. `yarn add next@10`
+   2. Add [cypress.json](cypress.json)
+   3. Add [cypress/plugins/index.js](cypress/plugins/index.js)
+   4. Add [components/paragraph.spec.ct.js](components/paragraph.spec.ct.js), [components/post.spec.ct.js](components/post.spec.ct.js), [pages/index.spec.ct.js](pages/index.spec.ct.js)
+   5. `npx cypress open-ct`
+   6. Commit [`d09f7c5`](https://github.com/cypress-io/cypress-component-testing-examples/commit/d09f7c5762c256514f1eb6a178b4e9f96f536fd5)
+3. Add Cypress Code Coverage
+   1. `yarn add -D https://cdn.cypress.io/beta/npm/10.0.0/linux-x64/10.0-release-188b9a742ee2ef51102167bfd84b3696a3f72a26/cypress.tgz webpack@4 webpack-dev-server @cypress/react @cypress/webpack-dev-server html-webpack-plugin@4`
+   2. Edit [cypress.config.js](cypress.config.js) to enable `coverage` and configure the Cypress code coverage task
+   3. Edit [.gitignore](.gitignore) to ignore .nyc_output directory
+   4. Edit [cypress/support/component.js](cypress/support/component.js) to import Cypress code coverage support
+   5. Add [.babelrc](.babelrc) to `babel-plugin-istanbul` when Cypress Component tests are running
+   6. Commit [`4d76aa2`](https://github.com/cypress-io/cypress-component-testing-examples/commit/4d76aa2e27a061b91d19c947ea31d3beef95391a)
+
+_This example was generated by [setup-create-next-app-webpack-4.sh](https://github.com/cypress-io/cypress-component-testing-examples/blob/main/scripts/setup-create-next-app-webpack-4.sh) on 2022-03-23. The original README follows._
+
+---
+
 # Example app using nested components
 
 Taking advantage of the composable nature of React components we can modularize our apps in self-contained, meaningful components. This example has a page under `pages/index.js` that uses `components/paragraph.js` and `components/post.js` that can be styled and managed separately.