Open deploy link in new window for examples (vercel#40804)

styfle · web-flow · commit be904d79ac47 · 2022-09-22T09:33:36.000-07:00
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'
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>

Original file line number	Diff line number	Diff line change
`@@ -34,6 +34,8 @@ export default function Home() {`
`34`	`34`
`35`	`35`	`<a`
`36`	`36`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`37`	`+ target="_blank"`
	`38`	`+ rel="noopener noreferrer"`
`37`	`39`	`className={styles.card}`
`38`	`40`	`>`
`39`	`41`	`<h3>Deploy →</h3>`
Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,8 @@ export default function Home() {`
`50`	`50`
`51`	`51`	`<a`
`52`	`52`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`53`	`+ target="_blank"`
	`54`	`+ rel="noopener noreferrer"`
`53`	`55`	`className={styles.card}`
`54`	`56`	`>`
`55`	`57`	`<h2>Deploy →</h2>`
Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,8 @@ export default function Home() {`
`41`	`41`
`42`	`42`	`<a`
`43`	`43`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`44`	`+ target="_blank"`
	`45`	`+ rel="noopener noreferrer"`
`44`	`46`	`className={styles.card}`
`45`	`47`	`>`
`46`	`48`	`<h3>Deploy →</h3>`
Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,8 @@ export default function Home() {`
`40`	`40`
`41`	`41`	`<a`
`42`	`42`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`43`	`+ target="_blank"`
	`44`	`+ rel="noopener noreferrer"`
`43`	`45`	`className={styles.card}`
`44`	`46`	`>`
`45`	`47`	`<h3>Deploy →</h3>`
Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,8 @@ export default function Home({ isConnected }) {`
`52`	`52`
`53`	`53`	`<a`
`54`	`54`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`55`	`+ target="_blank"`
	`56`	`+ rel="noopener noreferrer"`
`55`	`57`	`className={styles.card}`
`56`	`58`	`>`
`57`	`59`	`<h2>Deploy →</h2>`
Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,8 @@ const Home: NextPage = () => {`
`43`	`43`
`44`	`44`	`<a`
`45`	`45`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`46`	`+ target="_blank"`
	`47`	`+ rel="noopener noreferrer"`
`46`	`48`	`className={styles.card}`
`47`	`49`	`>`
`48`	`50`	`<h2>Deploy →</h2>`
Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,8 @@ export default function Home() {`
`60`	`60`
`61`	`61`	`<a`
`62`	`62`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`63`	`+ target="_blank"`
	`64`	`+ rel="noopener noreferrer"`
`63`	`65`	`className="card"`
`64`	`66`	`>`
`65`	`67`	`<h3>Deploy →</h3>`
Original file line number	Diff line number	Diff line change
`@@ -74,6 +74,8 @@ export default function Home({`
`74`	`74`
`75`	`75`	`<a`
`76`	`76`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`77`	`+ target="_blank"`
	`78`	`+ rel="noopener noreferrer"`
`77`	`79`	`className="card"`
`78`	`80`	`>`
`79`	`81`	`<h3>Deploy →</h3>`
Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,8 @@ const Home: NextPage = () => {`
`45`	`45`
`46`	`46`	`<a`
`47`	`47`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`48`	`+ target="_blank"`
	`49`	`+ rel="noopener noreferrer"`
`48`	`50`	`className={styles.card}`
`49`	`51`	`>`
`50`	`52`	`<h2>Deploy →</h2>`
Original file line number	Diff line number	Diff line change
`@@ -38,6 +38,8 @@ export default function Home() {`
`38`	`38`
`39`	`39`	`<a`
`40`	`40`	`href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"`
	`41`	`+ target="_blank"`
	`42`	`+ rel="noopener noreferrer"`
`41`	`43`	`className="card"`
`42`	`44`	`>`
`43`	`45`	`<h3>Deploy →</h3>`