Examples: use npx and yarn create to run create-next-app on examples (#…

…4002)

* remove global npm install of create-next-app

* add npx to create-next-app command in examples

* add bash to shell snippets

* add yarn create to next-app command in examples

* fix READMEs named with lowercase

* change READMEs to use UPPERCASE

examples/active-class-name/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example active-class-name active-class-name-app
+```bash
+npx create-next-app --example active-class-name active-class-name-app
+# or
+yarn create next-app --example active-class-name active-class-name-app
 ```
 
 ### Download manually

examples/basic-css/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example basic-css basic-css-app
+```bash
+npx create-next-app --example basic-css basic-css-app
+# or
+yarn create next-app --example basic-css basic-css-app
 ```
 
 ### Download manually

examples/custom-server-express/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example custom-server-express custom-server-express-app
+```bash
+npx create-next-app --example custom-server-express custom-server-express-app
+# or
+yarn create next-app --example custom-server-express custom-server-express-app
 ```
 
 ### Download manually

examples/custom-server-fastify/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example custom-server-fastify custom-server-fastify-app
+```bash
+npx create-next-app --example custom-server-fastify custom-server-fastify-app
+# or
+yarn create next-app --example custom-server-fastify custom-server-fastify-app
 ```
 
 ### Download manually

examples/custom-server-hapi/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example custom-server-hapi custom-server-hapi-app
+```bash
+npx create-next-app --example custom-server-hapi custom-server-hapi-app
+# or
+yarn create next-app --example custom-server-hapi custom-server-hapi-app
 ```
 
 ### Download manually

examples/custom-server-koa/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example custom-server-koa custom-server-koa-app
+```bash
+npx create-next-app --example custom-server-koa custom-server-koa-app
+# or
+yarn create next-app --example custom-server-koa custom-server-koa-app
 ```
 
 ### Download manually

examples/custom-server-micro/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example custom-server-micro custom-server-micro-app
+```bash
+npx create-next-app --example custom-server-micro custom-server-micro-app
+# or
+yarn create next-app --example custom-server-micro custom-server-micro-app
 ```
 
 ### Download manually

examples/custom-server-nodemon/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example custom-server-nodemon custom-server-nodemon-app
+```bash
+npx create-next-app --example custom-server-nodemon custom-server-nodemon-app
+# or
+yarn create next-app --example custom-server-nodemon custom-server-nodemon-app
 ```
 
 ### Download manually

examples/custom-server-typescript/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example custom-server-typescript custom-server-typescript-app
+```bash
+npx create-next-app --example custom-server-typescript custom-server-typescript-app
+# or
+yarn create next-app --example custom-server-typescript custom-server-typescript-app
 ```
 
 ### Download manually

examples/custom-server/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example custom-server custom-server-app
+```bash
+npx create-next-app --example custom-server custom-server-app
+# or
+yarn create next-app --example custom-server custom-server-app
 ```
 
 ### Download manually

examples/data-fetch/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example data-fetch data-fetch-app
+```bash
+npx create-next-app --example data-fetch data-fetch-app
+# or
+yarn create next-app --example data-fetch data-fetch-app
 ```
 
 ### Download manually

examples/form-handler/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example form-handler form-handler-app
+```bash
+npx create-next-app --example form-handler form-handler-app
+# or
+yarn create next-app --example form-handler form-handler-app
 ```
 
 ### Download manually

examples/head-elements/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example head-elements head-elements-app
+```bash
+npx create-next-app --example head-elements head-elements-app
+# or
+yarn create next-app --example head-elements head-elements-app
 ```
 
 ### Download manually

examples/hello-world/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example hello-world hello-world-app
+```bash
+npx create-next-app --example hello-world hello-world-app
+# or
+yarn create next-app --example hello-world hello-world-app
 ```
 
 ### Download manually

examples/layout-component/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example layout-component layout-component-app
+```bash
+npx create-next-app --example layout-component layout-component-app
+# or
+yarn create next-app --example layout-component layout-component-app
 ```
 
 ### Download manually

examples/nested-components/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example nested-components nested-components-app
+```bash
+npx create-next-app --example nested-components nested-components-app
+# or
+yarn create next-app --example nested-components nested-components-app
 ```
 
 ### Download manually

examples/page-transitions/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example page-transitions page-transitions-app
+```bash
+npx create-next-app --example page-transitions page-transitions-app
+# or
+yarn create next-app --example page-transitions page-transitions-app
 ```
 
 ### Download manually

examples/parameterized-routing/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example parameterized-routing parameterized-routing-app
+```bash
+npx create-next-app --example parameterized-routing parameterized-routing-app
+# or
+yarn create next-app --example parameterized-routing parameterized-routing-app
 ```
 
 ### Download manually

examples/progressive-render/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example progressive-render progressive-render-app
+```bash
+npx create-next-app --example progressive-render progressive-render-app
+# or
+yarn create next-app --example progressive-render progressive-render-app
 ```
 
 ### Download manually

examples/root-static-files/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example root-static-files root-static-files-app
+```bash
+npx create-next-app --example root-static-files root-static-files-app
+# or
+yarn create next-app --example root-static-files root-static-files-app
 ```
 
 ### Download manually

examples/shared-modules/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example shared-modules shared-modules-app
+```bash
+npx create-next-app --example shared-modules shared-modules-app
+# or
+yarn create next-app --example shared-modules shared-modules-app
 ```
 
 ### Download manually

examples/ssr-caching/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example ssr-caching ssr-caching-app
+```bash
+npx create-next-app --example ssr-caching ssr-caching-app
+# or
+yarn create next-app --example ssr-caching ssr-caching-app
 ```
 
 ### Download manually

examples/svg-components/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example svg-components svg-components-app
+```bash
+npx create-next-app --example svg-components svg-components-app
+# or
+yarn create next-app --example svg-components svg-components-app
 ```
 
 ### Download manually

examples/using-inferno/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example using-inferno using-inferno-app
+```bash
+npx create-next-app --example using-inferno using-inferno-app
+# or
+yarn create next-app --example using-inferno using-inferno-app
 ```
 
 ### Download manually

examples/using-nerv/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example using-nerv using-nerv-app
+```bash
+npx create-next-app --example using-nerv using-nerv-app
+# or
+yarn create next-app --example using-nerv using-nerv-app
 ```
 
 ### Download manually

examples/using-preact/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example using-preact using-preact-app
+```bash
+npx create-next-app --example using-preact using-preact-app
+# or
+yarn create next-app --example using-preact using-preact-app
 ```
 
 ### Download manually

examples/using-router/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example using-router using-router-app
+```bash
+npx create-next-app --example using-router using-router-app
+# or
+yarn create next-app --example using-router using-router-app
 ```
 
 ### Download manually

examples/using-with-router/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
-npm i -g create-next-app
-create-next-app --example using-with-router using-with-router-app
+```bash
+npx create-next-app --example using-with-router using-with-router-app
+# or
+yarn create next-app --example using-with-router using-with-router-app
 ```
 
 ### Download manually