Commit graph

2271 commits

Author SHA1 Message Date
Balázs Orbán
22655a1aab
fix(examples): bring with-semantic-ui example up-to-date (#32805) 2021-12-25 00:07:30 +01:00
Balázs Orbán
6b866533cd
chore(examples): remove duplicate examples (#32779)
`with-webpack-bundle-analyzer` and `with-webpack-bundle-size-analyzer` are a duplicate/outdated versions of the `analyze-bundles` example and thus should be removed to avoid confusion.

Related: #26715
## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-12-23 22:05:20 +00:00
Jan Piotrowski
3eea290d82
fix(examples): Update nextjs-graphql-with-prisma-simple example API endpoint (#32759)
Updates the API endpoint to one that exists, to be merged if we can not recover the original hostname.

Internal discussion: https://prisma-company.slack.com/archives/CBP68USAX/p1640215250109600
2021-12-23 15:32:07 +00:00
MikevPeeren
dbe7f968b0
Update Sentry example readme to mention Next.js 12 support (#32724)
@sentry/nextjs support has changed as it now supports version from 10.0.8 also meaning they support Next.Js 12

## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`


Co-authored-by: JJ Kasper <22380829+ijjk@users.noreply.github.com>
2021-12-22 20:08:05 +00:00
Chris
ff573632af
Add authentication example using Stytch (#32194)
## Documentation / Examples

This PR adds an example Next.js app that uses [Stytch](https://stytch.com/) for authentication, deployed on Vercel.
2021-12-22 19:30:44 +00:00
Jiachi Liu
ec3ca398cb
Reduce styled-jsx size in client bundle (#32730)
We introduced the `StyleRegistry` on server side to make it concurrent safe for requests. For client we can have only 1 registry since there's only 1 instance per browser window. Keep consistence with previous usage

Closes vercel/next.js#32417
Closes vercel/next.js#30377

Revert change in #31357, it's not required anymore
2021-12-22 13:38:27 +00:00
Balázs Orbán
9b2c079680 fix: run prettier on with-jest and with-jest-babel examples 2021-12-22 02:35:21 +01:00
Balázs Orbán
48dba6457d
chore: convert Jest examples to TypeScript (#32705)
* chore: convert Jest examples to TypeScript

* test: use absolute imports in test files

* chore: address review comments

* fix: add pages to tsconfig.json paths

* fix: add styles to tsconfig.json paths

* chore: upgrade dependencies/snapshots

* docs: match Testing docs with example code

* docs: link to docs from mock test files

Co-authored-by: Lee Robinson <me@leerob.io>
2021-12-22 01:12:07 +01:00
Rishabh Poddar
f47a251c71
Updates with-supertokens example: Fixes init race condition (#32706)
Updates with-supertokens example to fix a race condition for initialising the supertokens-node SDK. Earlier we used to do it in _app.js in an async manner, so if `getServerSideProps` is called before the `supertokens.init` is called, the page load would fail. 

Now, we call `supertokens.init` (for the node SDK) in the `getServerSideProps` function itself.

Co-authored-by: kant01ne <5072452+kant01ne@users.noreply.github.com>
Co-authored-by: Bhumil Sarvaiya <21988812+bhumilsarvaiya@users.noreply.github.com>
Co-authored-by: Joel Coutinho <6310783+jscyo@users.noreply.github.com>
2021-12-21 16:33:16 +00:00
Jim Fisher
e29699b683
This example does not show how to use Jest with TypeScript (#32633)
## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`
2021-12-20 03:35:04 +00:00
Jiachi Liu
b58a3f0b9d
Add options to defaultGetInitialProps and upgrade styled-jsx-with-csp example (#32594)
x-ref: https://github.com/vercel/styled-jsx/issues/763

* Add 2nd arg `options` to `docCtx.defaultGetInitialProps` to make customization easier
* Upgrade styled-jsx to fit typing
* Update styled-jsx csp example
2021-12-17 23:27:56 +00:00
JuanM04
59c1f0393c
Upgraded next-env dependencies (#32613)
Old PR: #32197

I forgot I had that PR open and I removed my fork. So, I've reopened this PR to solve the merging conflicts

## Bug

- [x] Related issues linked using `fixes #number`
- [x] Integration tests added
- [x] Errors have helpful link attached, see `contributing.md`
2021-12-17 20:52:28 +00:00
Alexander Cai
b8a552b93b
Typo fix in comments (#32609)
## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`
2021-12-17 16:13:26 +00:00
Thomas Knickman
d6facc7438
chore(blog-starter-typescript): update tailwindcss to v3 (#32579)
Updates the [blog-starter-typescript](https://github.com/vercel/next.js/tree/canary/examples/blog-starter-typescript) example to use the new [tailwindcss v3](https://tailwindcss.com/blog/tailwindcss-v3) by following the [upgrade guide](https://tailwindcss.com/docs/upgrade-guide).

Removes out-dated `tailwind.config.js` theme customizations for simplicity in favor of tailwind defaults (some were one-to-one mappings)

Thanks!

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-12-16 17:43:48 +00:00
Marcelo Carmona
c87204eb77
Update 14-alpine to 16-alpine (#31777)
## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`
2021-12-16 06:35:25 +00:00
Nishan
12597f2822
fix: add .web.jsx extension support (#32076)
Co-authored-by: JJ Kasper <jj@jjsweb.site>
2021-12-15 23:50:23 -06:00
Clecio de Almeida
0f5600ed7d
fix: setup prismic image host (#31589)
I was following this example and had an error to display prismic's image, it's because we need to configure the host image in `next.config.js`

Here's the docs about it https://nextjs.org/docs/messages/next-image-unconfigured-host



## Bug

Don't have issue yet
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`


Co-authored-by: JJ Kasper <22380829+ijjk@users.noreply.github.com>
2021-12-16 04:48:22 +00:00
Thomas Knickman
c658fd3276
chore(blog-starter): update tailwindcss to v3 (#32398)
Updates the [blog-starter](https://github.com/vercel/next.js/tree/canary/examples/blog-starter) example to use the new [tailwindcss v3](https://tailwindcss.com/blog/tailwindcss-v3) by following the [upgrade guide](https://tailwindcss.com/docs/upgrade-guide).

Thanks!

## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`
2021-12-13 15:25:45 +00:00
JJ Kasper
ca8fd316f1
Update docker image to leverage output traces (#32258)
This updates our docker example to leverage the output traces and standalone build to reduce the resulting docker image quite a bit. 

docker image size before: `272MB`
docker image size after: `121MB`
node-14:alpine size (base image): `118MB`

## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`

x-ref: https://github.com/vercel/next.js/pull/32255
x-ref: https://github.com/vercel/next.js/issues/32252
x-ref: https://github.com/vercel/next.js/issues/30822
2021-12-13 13:11:12 +00:00
Aryan Beezadhur
e63322f432
Update Dockerfile (#32299)
Update `Dockerfile` to match [Next.js docs](https://nextjs.org/docs/deployment#docker-image).
2021-12-12 20:52:34 +00:00
Nikita Brancatisano
4f1d95b963
Updated to working example (#32256)
## Bug

Since the MDX update to v2 the example stopped working and it renders a raw .md page in the "Posts" route. 

![image](https://user-images.githubusercontent.com/33670112/145102450-caba33b2-246b-4809-ab96-a787aae16df0.png)

This fixes the issue and upgrades the `--example blog`
2021-12-12 20:43:41 +00:00
Balázs Orbán
ac82da2250
chore: remove duplicate example (#32391)
Removes the `with-typescript-eslint-jest` example in favour of the more up-to-date `with-jest` and `with-jest-babel` examples, that also support TypeScript etc.

Related #23841


## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-12-11 21:08:29 +00:00
Artur Parkhisenko
37d1100825
Change using-preact example dependencies and docs (#30394)
* change use-preact dependencies

* change stackblitz url to use https protocol

* change deprecated thing from the webpack5 doc
2021-12-11 15:19:49 +01:00
Jordan Pittman
4d4f309301
Update example for Tailwind v3 (#32339)
# Update example for Tailwind v3

I updated the example used by the [official docs](https://tailwindcss.com/docs/guides/nextjs) to reference Tailwind v3 with the necessary changes. I _did not_ update the emotion example because it's using the xwind package which will likely need to be updated first.

## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`
2021-12-09 22:42:42 +00:00
Delba de Oliveira
602907afd0
Update Next.js version in api rate limits example (#32326)
## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-12-09 16:19:48 +00:00
Harsh Joshi
b54cbcca82
Fix issue in auth0 example (#32293)
## Bug

- [x] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-12-08 15:28:29 +00:00
Rasmus John Pedersen
ecf9f8775c
Add Umbraco Heartcore blog example (#21409)
Co-authored-by: Lee Robinson <me@leerob.io>
Co-authored-by: Tim Neutkens <tim@timneutkens.nl>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
2021-12-07 16:38:55 +01:00
joperron
1fe014ce17
fix cms-sanity example (#32182)
## Bug

- fixes #31474
2021-12-06 19:32:09 +00:00
keji
a016713c9e
grammatical error in alert.js (#32062)
## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-12-02 20:26:34 +00:00
Kim, Harim
b290a3dc38
Fix with-mongo example by removing deprecated function (#30675)
* Remove deprecated function

* Remove useless change

* lint-fix

Co-authored-by: JJ Kasper <jj@jjsweb.site>
2021-11-30 15:50:50 -06:00
Delba de Oliveira
306c467c3b
Update Jest examples and docs (#31633)
Co-authored-by: Tim Neutkens <tim@timneutkens.nl>
Co-authored-by: Lee Robinson <me@leerob.io>
Co-authored-by: stefanprobst <stefan.probst@univie.ac.at>
Co-authored-by: Rich Haines <hello@richardhaines.dev>
2021-11-30 15:10:40 -06:00
Katie Byers
c03fa72c99
Add tracing to with-sentry example for Next.js 11 (#30401) 2021-11-29 17:02:00 -06:00
Vincent Voyer
127b92b102
docs(examples): add secure flag explanation to with-iron-session (#31896)
Following comment on the project here: https://github.com/vvo/iron-session/issues/425
2021-11-28 18:35:39 -06:00
Luis Alvarez D
77150dac79
Include submodules in exported type definition (#28316) 2021-11-26 14:46:56 +01:00
Heyang Zhou
809d0155ff
Add support for removing React properties. (#31606) 2021-11-26 14:45:03 +01:00
wendell
226944d3d3
Fix pwa demo (#31734)
* Fix pwa demo

* Revert unnecessary change
2021-11-23 11:17:56 -05:00
Francisco Moretti
b4699b860e
'imgix.cosmicjs.com' image domain in cms-cosmic example (#31703)
## Bug-fix: 'imgix.cosmicjs.com' image domain is needed for the cms-cosmic example

- Fixes #31702
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

### Solution 
As suggested by the output I got while running the exapmle, I've added the domain to `next.config.js`
```
event - compiled successfully in 129 ms (552 modules)
error - node_modules\next\dist\client\image.js (660:33) @ defaultLoader
Error: Invalid src prop (https://imgix.cosmicjs.com/8efcc570-9a21-11ea-bf2a-2b6ff88d4f06-e73aee30-1db0-11ea-a594-a170ead8b2cb-12.jpg?auto=format,compress,enhance&w=100&h=100) on `next/image`, hostname "imgix.cosmicjs.com" is not configured under images in your `next.config.js`
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host
null
```


## Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-11-22 22:52:44 +00:00
Francisco Moretti
075fd44ab7
Update README of cms-cosmic example (#31701)
## Documentation / Examples - Update COSMIC_BUCKET_SLUG location in cms-cosmic example
While trying the cms-cosmic example I realized that COSMIC_BUCKET_SLUG  is actually in the **API Access** menu and it's not in the **Basic Settings** menu.
### Screenshots
Here are some screenshots from the two sections:
#### Basic Settings
![basic_settings](https://user-images.githubusercontent.com/16997807/142915282-49fb8321-a01e-4478-9047-29274da36852.png)
#### API Access
![API_access](https://user-images.githubusercontent.com/16997807/142915289-74967622-adbb-405c-a1c8-5c02c2249675.png)

### Testing
I've tried the example using the COSMIC_BUCKET_SLUG from API Access and it worked without issues.
2021-11-22 22:40:16 +00:00
fabienheureux
7b22bb559b
Replace old static path by public | typo (#31573)
An issue in the path of the public directory

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-11-18 12:16:45 +00:00
Gonzalo Pozzo
d550b13b8d
Script examples (#31181)
* Add script component examples

* Update script examples

* Refactor code

* Remove unused files

* Fix linter

* Fix lint error

* Fix prettier
2021-11-16 11:47:12 -05:00
Heyang Zhou
a39a8969d3
Add a swc transform for removal of console.* calls. (#31449) 2021-11-16 10:18:05 +01:00
Jiachi Liu
0afc1d2b5a
Fix storybook styled-jsx example with styled-jsx 5 (#31357)
## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`

x-ref: https://github.com/vercel/styled-jsx/issues/761

Since next.js is using styled-jsx v5 beta now, it requires wrapping a `StyleRegistry` component on the root top.
ref: [styled-jsx doc](https://github.com/vercel/styled-jsx/tree/beta#server-side-rendering)
2021-11-15 11:01:49 +00:00
Max Schmitt
b7f8025c66
examples: Add Playwright testing example (#29426) 2021-11-14 14:17:59 -06:00
Alessandro Ursino
312572d020
examples: fix README with google analytics (#31384) 2021-11-14 14:13:53 -06:00
Rishabh Poddar
f6c62d3b89
Updates with-supertokens example to add sign in with apple (#31200)
Co-authored-by: Lee Robinson <me@leerob.io>
2021-11-12 19:54:28 -06:00
Steve Jarvis
5014362a7a
Fix Auth0 Example (#31284)
Fixes #31286

I was going through the [Auth0 example](https://github.com/vercel/next.js/tree/canary/examples/auth0) and hit the following issue (screencap):

<img width="964" alt="Screen Shot 2021-11-10 at 12 57 41 PM" src="https://user-images.githubusercontent.com/2515575/141226775-08e5e1d3-618c-4fae-a133-70685c7b3ad2.png">

This just updates the call there to pass `res`, which matches the signature documented here: https://auth0.github.io/nextjs-auth0/modules/session_get_session.html

With this fix, the rest of the example worked wonderfully 👍.

## Bug

- [x] Related issues linked using `fixes #number`
- [ ] Integration tests added (NA?)
- [x] Errors have helpful link attached, see `contributing.md`
2021-11-11 03:16:31 +00:00
Vincent Voyer
942c15129c
docs(examples): Update with-iron-session to latest iron-session API (#30956)
Co-authored-by: Lee Robinson <me@leerob.io>
2021-11-09 09:30:15 -06:00
Konstantin Popov
5f38b18b10
Fix minor typos (#31161)
Hello,
I've found some minor typos in the documentation, solved with this PR.
2021-11-08 11:24:53 -06:00
chemicalkosek
9e339fdd1f
Update remark and remark-html dependencies (#31051)
That example errors out on 
```
TypeError: (0 , remark__WEBPACK_IMPORTED_MODULE_0__.remark) is not a function
```
Updating those dependencies fixes the problem.



## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `yarn lint`
2021-11-06 05:55:55 +00:00
Rishabh Poddar
155aaa3153
Optimise bundle size for with-supertokens example (#31040)
This PR optimises the bundle size sent to the frontend for nextJS apps by lazy loading the SuperTokens backend SDK only when it's needed.
2021-11-06 05:28:38 +00:00