diff --git a/EXAMPLES/api-routes-graphql/README.md b/EXAMPLES/api-routes-graphql/README.md index 1c51cf4d..a3b43bab 100644 --- a/EXAMPLES/api-routes-graphql/README.md +++ b/EXAMPLES/api-routes-graphql/README.md @@ -4,10 +4,23 @@ Next.js ships with [API routes](https://github.com/vercel/next.js#api-routes), w ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/api-routes-graphql) + +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/api-routes-graphql) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/api-routes-rate-limit/README.md b/EXAMPLES/api-routes-rate-limit/README.md index 0b9f81c0..d89337cc 100644 --- a/EXAMPLES/api-routes-rate-limit/README.md +++ b/EXAMPLES/api-routes-rate-limit/README.md @@ -18,10 +18,22 @@ X-RateLimit-Remaining: 0 ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/api-routes-rate-limit) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/basic-css/README.md b/EXAMPLES/basic-css/README.md index 0f6d8517..eb0f29c6 100644 --- a/EXAMPLES/basic-css/README.md +++ b/EXAMPLES/basic-css/README.md @@ -4,10 +4,21 @@ Next.js has built-in support for [CSS Modules](https://nextjs.org/docs/basic-fea ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/basic-css) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/basic-css) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/basic-css) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/basic-css) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/basic-css) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/basic-css) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/basic-css) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/data-fetch/README.md b/EXAMPLES/data-fetch/README.md index 0c1d7ae8..7b1f9ecb 100644 --- a/EXAMPLES/data-fetch/README.md +++ b/EXAMPLES/data-fetch/README.md @@ -7,10 +7,21 @@ By using `getStaticProps` Next.js will fetch data at build time from a page, and ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/data-fetch) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/data-fetch) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/data-fetch) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/data-fetch) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/data-fetch) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/data-fetch) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/data-fetch) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/fast-refresh-demo/README.md b/EXAMPLES/fast-refresh-demo/README.md index 1bf24dae..f9c78ee6 100644 --- a/EXAMPLES/fast-refresh-demo/README.md +++ b/EXAMPLES/fast-refresh-demo/README.md @@ -6,10 +6,21 @@ This demos shows how the state of an auto incrementing value and a classic count ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/fast-refresh-demo) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/fast-refresh-demo) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/image-component/README.md b/EXAMPLES/image-component/README.md index 1b9eaa81..62f325c5 100644 --- a/EXAMPLES/image-component/README.md +++ b/EXAMPLES/image-component/README.md @@ -6,10 +6,21 @@ The index page ([`pages/index.js`](pages/index.js)) has a couple images, one int ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/image-component) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/image-component) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/image-component) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/image-component) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/image-component) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/image-component) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/image-component) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-absolute-imports/README.md b/EXAMPLES/with-absolute-imports/README.md index 191941f7..2ae3c3f5 100644 --- a/EXAMPLES/with-absolute-imports/README.md +++ b/EXAMPLES/with-absolute-imports/README.md @@ -4,10 +4,21 @@ This example shows how to configure Babel to have absolute imports instead of re ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-absolute-imports) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-absolute-imports) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-aphrodite/README.md b/EXAMPLES/with-aphrodite/README.md index 1196c79a..2c14a822 100644 --- a/EXAMPLES/with-aphrodite/README.md +++ b/EXAMPLES/with-aphrodite/README.md @@ -6,10 +6,21 @@ For this purpose we are extending the `` and injecting the server si ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-aphrodite) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-aphrodite) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-cxs/README.md b/EXAMPLES/with-cxs/README.md index 0275ad7a..485de26d 100644 --- a/EXAMPLES/with-cxs/README.md +++ b/EXAMPLES/with-cxs/README.md @@ -6,10 +6,21 @@ For this purpose we are extending the `` and injecting the server si ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-cxs) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-cxs) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-cxs) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-cxs) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-cxs) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-cxs) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-cxs) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-emotion/README.md b/EXAMPLES/with-emotion/README.md index 12b4f677..c0459108 100644 --- a/EXAMPLES/with-emotion/README.md +++ b/EXAMPLES/with-emotion/README.md @@ -8,10 +8,21 @@ and [@emotion/styled](https://github.com/emotion-js/emotion/tree/master/packages ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-emotion) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-emotion) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-emotion) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-emotion) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-emotion) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-emotion) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-emotion) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-eslint/README.md b/EXAMPLES/with-eslint/README.md index 0a0291de..a13aa780 100644 --- a/EXAMPLES/with-eslint/README.md +++ b/EXAMPLES/with-eslint/README.md @@ -6,10 +6,21 @@ Note: ESLint running during build (`next build`) is still experimental and needs ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-eslint) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-eslint) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-eslint) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-eslint) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-eslint) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-eslint) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-eslint) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-goober/README.md b/EXAMPLES/with-goober/README.md index 13eb2ddd..e175abcb 100644 --- a/EXAMPLES/with-goober/README.md +++ b/EXAMPLES/with-goober/README.md @@ -10,10 +10,21 @@ Goober initially started with a slogan as "a less than 1KB css-in-js library at ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-goober) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-goober) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-goober) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-goober) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-goober) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-goober) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-goober) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-linaria/README.md b/EXAMPLES/with-linaria/README.md index 21449dd3..f50fcf90 100644 --- a/EXAMPLES/with-linaria/README.md +++ b/EXAMPLES/with-linaria/README.md @@ -6,10 +6,21 @@ We are creating three `div` elements with custom styles being shared across the ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-linaria) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-linaria) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-linaria) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-linaria) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-linaria) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-linaria) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-linaria) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-mdx/README.md b/EXAMPLES/with-mdx/README.md index 18174cc7..24f9d236 100644 --- a/EXAMPLES/with-mdx/README.md +++ b/EXAMPLES/with-mdx/README.md @@ -4,10 +4,21 @@ This example shows using [MDX](https://github.com/mdx-js/mdx) as top level pages ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-mdx) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-mdx) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-mdx) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-mdx) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-mdx) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-mdx) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-mdx) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-next-translate/README.md b/EXAMPLES/with-next-translate/README.md index 18ed0558..5abcc23f 100644 --- a/EXAMPLES/with-next-translate/README.md +++ b/EXAMPLES/with-next-translate/README.md @@ -4,10 +4,21 @@ This is an example of using [next-translate](https://github.com/vinissimus/next- ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-next-translate) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-next-translate) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-next-translate) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-next-translate) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-next-translate) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-next-translate) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-next-translate) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-plausible/README.md b/EXAMPLES/with-plausible/README.md index 1fb0e042..c91c704c 100644 --- a/EXAMPLES/with-plausible/README.md +++ b/EXAMPLES/with-plausible/README.md @@ -4,10 +4,21 @@ This example shows how to use [Next.js](https://github.com/vercel/next.js) along ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-plausible) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-plausible) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-plausible) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-plausible) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-plausible) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-plausible) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-plausible) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-react-hook-form/README.md b/EXAMPLES/with-react-hook-form/README.md index 0615913a..38bcd93c 100644 --- a/EXAMPLES/with-react-hook-form/README.md +++ b/EXAMPLES/with-react-hook-form/README.md @@ -6,10 +6,21 @@ Form handling doesn't have to be painful. React Hook Form will help you write le ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-react-hook-form) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-react-hook-form) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com/now): diff --git a/EXAMPLES/with-react-md/README.md b/EXAMPLES/with-react-md/README.md index 10c3e714..338a4534 100644 --- a/EXAMPLES/with-react-md/README.md +++ b/EXAMPLES/with-react-md/README.md @@ -20,10 +20,21 @@ example for Typescript support. ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-react-md) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-react-md) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-react-md) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-react-md) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-react-md) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-react-md) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-react-md) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-redux-thunk/README.md b/EXAMPLES/with-redux-thunk/README.md index 11048ca3..19463e1b 100644 --- a/EXAMPLES/with-redux-thunk/README.md +++ b/EXAMPLES/with-redux-thunk/README.md @@ -6,10 +6,21 @@ Usually splitting your app state into `pages` feels natural but sometimes you'll ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-redux-thunk) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-redux-thunk) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-reflux/README.md b/EXAMPLES/with-reflux/README.md index 0cdd09dd..8f4537ef 100644 --- a/EXAMPLES/with-reflux/README.md +++ b/EXAMPLES/with-reflux/README.md @@ -4,10 +4,21 @@ Use [reflux](https://github.com/reflux/refluxjs) to manage an application store ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-reflux) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-reflux) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-reflux) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-reflux) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-reflux) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-reflux) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-reflux) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-semantic-ui/README.md b/EXAMPLES/with-semantic-ui/README.md index 0e88579b..547f81d4 100644 --- a/EXAMPLES/with-semantic-ui/README.md +++ b/EXAMPLES/with-semantic-ui/README.md @@ -4,10 +4,21 @@ This example shows how to use Next.js along with [Semantic UI React](https://rea ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-semantic-ui) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-semantic-ui) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-static-export/README.md b/EXAMPLES/with-static-export/README.md index 04c0b9ce..b91459a0 100644 --- a/EXAMPLES/with-static-export/README.md +++ b/EXAMPLES/with-static-export/README.md @@ -6,10 +6,21 @@ When trying to run `npm start` it will build and export your pages into the `out ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-static-export) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-static-export) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-static-export) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-static-export) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-static-export) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-static-export) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-static-export) + ## How to use Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example: diff --git a/EXAMPLES/with-typescript-types/README.md b/EXAMPLES/with-typescript-types/README.md index 0a035242..09c6871a 100644 --- a/EXAMPLES/with-typescript-types/README.md +++ b/EXAMPLES/with-typescript-types/README.md @@ -10,10 +10,20 @@ error as raised in [vercel/next.js#7882](https://github.com/vercel/next.js/issue ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-typescript-types) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-typescript-types) ## Useful links [Add import type and export type support to TypeScript](https://github.com/babel/babel/pull/11171) diff --git a/EXAMPLES/with-typestyle/README.md b/EXAMPLES/with-typestyle/README.md index 0491bedc..9af5603e 100644 --- a/EXAMPLES/with-typestyle/README.md +++ b/EXAMPLES/with-typestyle/README.md @@ -6,10 +6,21 @@ For this purpose we are extending the `` and injecting the server si ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-typestyle) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-typestyle) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-typestyle) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-typestyle) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-typestyle) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-typestyle) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-typestyle) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/EXAMPLES/with-videojs/README.md b/EXAMPLES/with-videojs/README.md index 0429d5ef..a3f4709d 100644 --- a/EXAMPLES/with-videojs/README.md +++ b/EXAMPLES/with-videojs/README.md @@ -4,10 +4,21 @@ This example shows how to use Next.js along with [Video.js](https://videojs.com) ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-videojs) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-videojs) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-videojs) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-videojs) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-videojs) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-videojs) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-videojs) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/api-routes-graphql/README.md b/next.js-master/examples/api-routes-graphql/README.md index 1c51cf4d..9b5aa6e4 100644 --- a/next.js-master/examples/api-routes-graphql/README.md +++ b/next.js-master/examples/api-routes-graphql/README.md @@ -4,10 +4,21 @@ Next.js ships with [API routes](https://github.com/vercel/next.js#api-routes), w ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/api-routes-graphql) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/api-routes-graphql) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/api-routes-graphql) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/api-routes-rate-limit/README.md b/next.js-master/examples/api-routes-rate-limit/README.md index 0b9f81c0..ef87abec 100644 --- a/next.js-master/examples/api-routes-rate-limit/README.md +++ b/next.js-master/examples/api-routes-rate-limit/README.md @@ -18,10 +18,21 @@ X-RateLimit-Remaining: 0 ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/api-routes-rate-limit) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/api-routes-rate-limit) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/data-fetch/README.md b/next.js-master/examples/data-fetch/README.md index 0c1d7ae8..7b1f9ecb 100644 --- a/next.js-master/examples/data-fetch/README.md +++ b/next.js-master/examples/data-fetch/README.md @@ -7,10 +7,21 @@ By using `getStaticProps` Next.js will fetch data at build time from a page, and ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/data-fetch) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/data-fetch) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/data-fetch) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/data-fetch) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/data-fetch) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/data-fetch) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/data-fetch) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/fast-refresh-demo/README.md b/next.js-master/examples/fast-refresh-demo/README.md index 1bf24dae..f9c78ee6 100644 --- a/next.js-master/examples/fast-refresh-demo/README.md +++ b/next.js-master/examples/fast-refresh-demo/README.md @@ -6,10 +6,21 @@ This demos shows how the state of an auto incrementing value and a classic count ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/fast-refresh-demo) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/fast-refresh-demo) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/fast-refresh-demo) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/image-component/README.md b/next.js-master/examples/image-component/README.md index 1b9eaa81..62f325c5 100644 --- a/next.js-master/examples/image-component/README.md +++ b/next.js-master/examples/image-component/README.md @@ -6,10 +6,21 @@ The index page ([`pages/index.js`](pages/index.js)) has a couple images, one int ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/image-component) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/image-component) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/image-component) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/image-component) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/image-component) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/image-component) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/image-component) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-absolute-imports/README.md b/next.js-master/examples/with-absolute-imports/README.md index 191941f7..2ae3c3f5 100644 --- a/next.js-master/examples/with-absolute-imports/README.md +++ b/next.js-master/examples/with-absolute-imports/README.md @@ -4,10 +4,21 @@ This example shows how to configure Babel to have absolute imports instead of re ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-absolute-imports) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-absolute-imports) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-absolute-imports) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-aphrodite/README.md b/next.js-master/examples/with-aphrodite/README.md index 1196c79a..2c14a822 100644 --- a/next.js-master/examples/with-aphrodite/README.md +++ b/next.js-master/examples/with-aphrodite/README.md @@ -6,10 +6,21 @@ For this purpose we are extending the `` and injecting the server si ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-aphrodite) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-aphrodite) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-aphrodite) + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-cxs/README.md b/next.js-master/examples/with-cxs/README.md index 0275ad7a..64ab1813 100644 --- a/next.js-master/examples/with-cxs/README.md +++ b/next.js-master/examples/with-cxs/README.md @@ -6,10 +6,21 @@ For this purpose we are extending the `` and injecting the server si ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): - +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-cxs) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-cxs) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-cxs) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-cxs) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-cxs) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-cxs) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-cxs) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-eslint/README.md b/next.js-master/examples/with-eslint/README.md index 0a0291de..8a165bc0 100644 --- a/next.js-master/examples/with-eslint/README.md +++ b/next.js-master/examples/with-eslint/README.md @@ -6,10 +6,22 @@ Note: ESLint running during build (`next build`) is still experimental and needs ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-eslint) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-eslint) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-eslint) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-eslint) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-eslint) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-eslint) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-eslint) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-goober/README.md b/next.js-master/examples/with-goober/README.md index 13eb2ddd..bcf3dc76 100644 --- a/next.js-master/examples/with-goober/README.md +++ b/next.js-master/examples/with-goober/README.md @@ -10,10 +10,22 @@ Goober initially started with a slogan as "a less than 1KB css-in-js library at ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-goober) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-goober) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-goober) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-goober) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-goober) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-goober) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-goober) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-next-translate/README.md b/next.js-master/examples/with-next-translate/README.md index 18ed0558..de7868b6 100644 --- a/next.js-master/examples/with-next-translate/README.md +++ b/next.js-master/examples/with-next-translate/README.md @@ -4,10 +4,22 @@ This is an example of using [next-translate](https://github.com/vinissimus/next- ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-next-translate) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-next-translate) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-next-translate) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-next-translate) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-next-translate) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-next-translate) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-next-translate) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-react-hook-form/README.md b/next.js-master/examples/with-react-hook-form/README.md index 0615913a..f12d4e63 100644 --- a/next.js-master/examples/with-react-hook-form/README.md +++ b/next.js-master/examples/with-react-hook-form/README.md @@ -6,10 +6,22 @@ Form handling doesn't have to be painful. React Hook Form will help you write le ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-react-hook-form) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-react-hook-form) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-react-hook-form) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com/now): diff --git a/next.js-master/examples/with-react-md/README.md b/next.js-master/examples/with-react-md/README.md index 10c3e714..c8438c90 100644 --- a/next.js-master/examples/with-react-md/README.md +++ b/next.js-master/examples/with-react-md/README.md @@ -20,10 +20,22 @@ example for Typescript support. ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-react-md) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-react-md) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-react-md) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-react-md) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-react-md) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-react-md) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-react-md) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-redux-thunk/README.md b/next.js-master/examples/with-redux-thunk/README.md index 11048ca3..8e628e71 100644 --- a/next.js-master/examples/with-redux-thunk/README.md +++ b/next.js-master/examples/with-redux-thunk/README.md @@ -6,10 +6,22 @@ Usually splitting your app state into `pages` feels natural but sometimes you'll ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-redux-thunk) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-redux-thunk) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-redux-thunk) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-reflux/README.md b/next.js-master/examples/with-reflux/README.md index 0cdd09dd..e6c9c0a1 100644 --- a/next.js-master/examples/with-reflux/README.md +++ b/next.js-master/examples/with-reflux/README.md @@ -4,10 +4,22 @@ Use [reflux](https://github.com/reflux/refluxjs) to manage an application store ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-reflux) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-reflux) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-reflux) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-reflux) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-reflux) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-reflux) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-reflux) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-semantic-ui/README.md b/next.js-master/examples/with-semantic-ui/README.md index 0e88579b..07ae65f2 100644 --- a/next.js-master/examples/with-semantic-ui/README.md +++ b/next.js-master/examples/with-semantic-ui/README.md @@ -4,10 +4,22 @@ This example shows how to use Next.js along with [Semantic UI React](https://rea ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-semantic-ui) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-semantic-ui) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-semantic-ui) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-static-export/README.md b/next.js-master/examples/with-static-export/README.md index 04c0b9ce..82bcc3f8 100644 --- a/next.js-master/examples/with-static-export/README.md +++ b/next.js-master/examples/with-static-export/README.md @@ -6,10 +6,22 @@ When trying to run `npm start` it will build and export your pages into the `out ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-static-export) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-static-export) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-static-export) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-static-export) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-static-export) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-static-export) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-static-export) + + ## How to use Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example: diff --git a/next.js-master/examples/with-typescript-types/README.md b/next.js-master/examples/with-typescript-types/README.md index 0a035242..dc868c40 100644 --- a/next.js-master/examples/with-typescript-types/README.md +++ b/next.js-master/examples/with-typescript-types/README.md @@ -10,10 +10,22 @@ error as raised in [vercel/next.js#7882](https://github.com/vercel/next.js/issue ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-typescript-types) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-typescript-types) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-typescript-types) + + ## Useful links [Add import type and export type support to TypeScript](https://github.com/babel/babel/pull/11171) diff --git a/next.js-master/examples/with-typestyle/README.md b/next.js-master/examples/with-typestyle/README.md index 0491bedc..36d57d07 100644 --- a/next.js-master/examples/with-typestyle/README.md +++ b/next.js-master/examples/with-typestyle/README.md @@ -6,10 +6,22 @@ For this purpose we are extending the `` and injecting the server si ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-typestyle) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-typestyle) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-typestyle) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-typestyle) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-typestyle) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-typestyle) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-typestyle) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/next.js-master/examples/with-videojs/README.md b/next.js-master/examples/with-videojs/README.md index 0429d5ef..c95dd658 100644 --- a/next.js-master/examples/with-videojs/README.md +++ b/next.js-master/examples/with-videojs/README.md @@ -4,10 +4,22 @@ This example shows how to use Next.js along with [Video.js](https://videojs.com) ## Preview -Preview the example live on [StackBlitz](http://stackblitz.com/): +Quickly preview this example directly in your browser with [StackBlitz](http://stackblitz.com/): [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-videojs) +#### 🌏 Open in other Cloud IDES + +Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine: + +[![Open in Glitch](https://img.shields.io/badge/Open%20in-Glitch-blue?logo=glitch)](https://glitch.com/edit/#!/import/github/vercel/next.js/tree/canary/examples/with-videojs) +[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/vercel/next.js/tree/canary/examples/with-videojs) +[![Edit in Codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-videojs) +[![Open in Repl.it](https://replit.com/badge/github/withastro/astro)](https://replit.com/github/vercel/next.js/tree/canary/examples/with-videojs) +[![Open in Codeanywhere](https://codeanywhere.com/img/open-in-codeanywhere-btn.svg)](https://app.codeanywhere.com/#https://github.com/vercel/next.js/tree/canary/examples/with-videojs) +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vercel/next.js/tree/canary/examples/with-videojs) + + ## Deploy your own Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): diff --git a/package-lock.json b/package-lock.json index ada9b768..f51c3998 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,14 @@ { "name": "learning-nextjs", "version": "1.0.0", - "lockfileVersion": 1 + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "name": "learning-nextjs", + "version": "1.0.0", + "license": "MIT", + "devDependencies": {} + } + } }