From be904d79ac47b70df6eab16c578d240c39cdb0fe Mon Sep 17 00:00:00 2001
From: Steven <steven@ceriously.com>
Date: Thu, 22 Sep 2022 12:33:36 -0400
Subject: [PATCH] Open deploy link in new window for examples (#40804)

Let's open the deploy link in a new window so the link isn't blocked
when running an an iframe, such as Stackblitz.

Previously, this would print the following error:

> Refused to display 'https://vercel.com/' in a frame because it set
'X-Frame-Options' to 'deny'
---
 examples/progressive-web-app/pages/index.tsx                  | 2 ++
 examples/with-cypress/pages/index.tsx                         | 2 ++
 examples/with-docker-compose/next-app/src/pages/index.tsx     | 2 ++
 examples/with-docker-multi-env/pages/index.js                 | 2 ++
 examples/with-docker/pages/index.js                           | 2 ++
 examples/with-elasticsearch/pages/index.js                    | 2 ++
 examples/with-graphql-gateway/pages/index.tsx                 | 2 ++
 examples/with-knex/pages/index.js                             | 2 ++
 examples/with-mongodb/pages/index.tsx                         | 2 ++
 examples/with-particles/pages/index.tsx                       | 2 ++
 examples/with-playwright/pages/index.js                       | 2 ++
 examples/with-sitemap/pages/index.js                          | 2 ++
 examples/with-vitest/pages/index.tsx                          | 2 ++
 packages/create-next-app/templates/default/pages/index.js     | 2 ++
 packages/create-next-app/templates/typescript/pages/index.tsx | 2 ++
 15 files changed, 30 insertions(+)

diff --git a/examples/progressive-web-app/pages/index.tsx b/examples/progressive-web-app/pages/index.tsx
index c7aef703d4..4ee04e47ce 100644
--- a/examples/progressive-web-app/pages/index.tsx
+++ b/examples/progressive-web-app/pages/index.tsx
@@ -34,6 +34,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h3>Deploy &rarr;</h3>
diff --git a/examples/with-cypress/pages/index.tsx b/examples/with-cypress/pages/index.tsx
index 36b3381bad..40761ba6e8 100644
--- a/examples/with-cypress/pages/index.tsx
+++ b/examples/with-cypress/pages/index.tsx
@@ -50,6 +50,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h2>Deploy &rarr;</h2>
diff --git a/examples/with-docker-compose/next-app/src/pages/index.tsx b/examples/with-docker-compose/next-app/src/pages/index.tsx
index c1d66369a0..e6a00dac07 100644
--- a/examples/with-docker-compose/next-app/src/pages/index.tsx
+++ b/examples/with-docker-compose/next-app/src/pages/index.tsx
@@ -41,6 +41,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h3>Deploy &rarr;</h3>
diff --git a/examples/with-docker-multi-env/pages/index.js b/examples/with-docker-multi-env/pages/index.js
index 51e835d5e8..8e57d8b033 100644
--- a/examples/with-docker-multi-env/pages/index.js
+++ b/examples/with-docker-multi-env/pages/index.js
@@ -41,6 +41,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h3>Deploy &rarr;</h3>
diff --git a/examples/with-docker/pages/index.js b/examples/with-docker/pages/index.js
index 0a6884b385..55ad6fe773 100644
--- a/examples/with-docker/pages/index.js
+++ b/examples/with-docker/pages/index.js
@@ -40,6 +40,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h3>Deploy &rarr;</h3>
diff --git a/examples/with-elasticsearch/pages/index.js b/examples/with-elasticsearch/pages/index.js
index 0d2c6e3563..5cc227f6ea 100644
--- a/examples/with-elasticsearch/pages/index.js
+++ b/examples/with-elasticsearch/pages/index.js
@@ -52,6 +52,8 @@ export default function Home({ isConnected }) {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h2>Deploy &rarr;</h2>
diff --git a/examples/with-graphql-gateway/pages/index.tsx b/examples/with-graphql-gateway/pages/index.tsx
index 86b5b3b5bf..ff4dd21141 100644
--- a/examples/with-graphql-gateway/pages/index.tsx
+++ b/examples/with-graphql-gateway/pages/index.tsx
@@ -43,6 +43,8 @@ const Home: NextPage = () => {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h2>Deploy &rarr;</h2>
diff --git a/examples/with-knex/pages/index.js b/examples/with-knex/pages/index.js
index 15b08938f1..a7cbf37c32 100644
--- a/examples/with-knex/pages/index.js
+++ b/examples/with-knex/pages/index.js
@@ -60,6 +60,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className="card"
           >
             <h3>Deploy &rarr;</h3>
diff --git a/examples/with-mongodb/pages/index.tsx b/examples/with-mongodb/pages/index.tsx
index 5d40501502..1a452c94fd 100644
--- a/examples/with-mongodb/pages/index.tsx
+++ b/examples/with-mongodb/pages/index.tsx
@@ -74,6 +74,8 @@ export default function Home({
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className="card"
           >
             <h3>Deploy &rarr;</h3>
diff --git a/examples/with-particles/pages/index.tsx b/examples/with-particles/pages/index.tsx
index 08fe284baa..602ef23288 100644
--- a/examples/with-particles/pages/index.tsx
+++ b/examples/with-particles/pages/index.tsx
@@ -45,6 +45,8 @@ const Home: NextPage = () => {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h2>Deploy &rarr;</h2>
diff --git a/examples/with-playwright/pages/index.js b/examples/with-playwright/pages/index.js
index 07b0717dcf..64bfcddf47 100644
--- a/examples/with-playwright/pages/index.js
+++ b/examples/with-playwright/pages/index.js
@@ -50,6 +50,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h2>Deploy &rarr;</h2>
diff --git a/examples/with-sitemap/pages/index.js b/examples/with-sitemap/pages/index.js
index 801b309119..b597fd02bb 100644
--- a/examples/with-sitemap/pages/index.js
+++ b/examples/with-sitemap/pages/index.js
@@ -38,6 +38,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className="card"
           >
             <h3>Deploy &rarr;</h3>
diff --git a/examples/with-vitest/pages/index.tsx b/examples/with-vitest/pages/index.tsx
index 86b5b3b5bf..ff4dd21141 100644
--- a/examples/with-vitest/pages/index.tsx
+++ b/examples/with-vitest/pages/index.tsx
@@ -43,6 +43,8 @@ const Home: NextPage = () => {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h2>Deploy &rarr;</h2>
diff --git a/packages/create-next-app/templates/default/pages/index.js b/packages/create-next-app/templates/default/pages/index.js
index dc4b640352..5bf5574341 100644
--- a/packages/create-next-app/templates/default/pages/index.js
+++ b/packages/create-next-app/templates/default/pages/index.js
@@ -42,6 +42,8 @@ export default function Home() {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h2>Deploy &rarr;</h2>
diff --git a/packages/create-next-app/templates/typescript/pages/index.tsx b/packages/create-next-app/templates/typescript/pages/index.tsx
index 86b5b3b5bf..ff4dd21141 100644
--- a/packages/create-next-app/templates/typescript/pages/index.tsx
+++ b/packages/create-next-app/templates/typescript/pages/index.tsx
@@ -43,6 +43,8 @@ const Home: NextPage = () => {
 
           <a
             href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
             className={styles.card}
           >
             <h2>Deploy &rarr;</h2>