History

Tim Neutkens ed81a14922 Enable @typescript-eslint/no-use-before-define for examples dir (#39469 ) Found that this rule was added but all options are set to `false` so it doesn't do anything. Started with enabling it for examples to ensure minimal breaking of existing PRs. ## 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 `pnpm lint` - [ ] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)		2022-08-10 16:30:36 +00:00
..
components	Enable @typescript-eslint/no-use-before-define for examples dir (#39469 )	2022-08-10 16:30:36 +00:00
pages	Enable @typescript-eslint/no-use-before-define for examples dir (#39469 )	2022-08-10 16:30:36 +00:00
providers	Adding example with-fingerprintjs-pro for identifying visitors (#37549 )	2022-06-22 11:48:22 +00:00
public	Adding example with-fingerprintjs-pro for identifying visitors (#37549 )	2022-06-22 11:48:22 +00:00
styles	Adding example with-fingerprintjs-pro for identifying visitors (#37549 )	2022-06-22 11:48:22 +00:00
.env.local.example	Adding example with-fingerprintjs-pro for identifying visitors (#37549 )	2022-06-22 11:48:22 +00:00
.gitignore	Update default gitignore templates (#39051 )	2022-07-26 20:08:40 -05:00
next-env.d.ts	Adding example with-fingerprintjs-pro for identifying visitors (#37549 )	2022-06-22 11:48:22 +00:00
next.config.js	Adding example with-fingerprintjs-pro for identifying visitors (#37549 )	2022-06-22 11:48:22 +00:00
package.json	Adding example with-fingerprintjs-pro for identifying visitors (#37549 )	2022-06-22 11:48:22 +00:00
README.md	docs(examples): improve DX while copying command to create new project (#38410 )	2022-07-26 21:57:48 -05:00
tsconfig.json	Adding example with-fingerprintjs-pro for identifying visitors (#37549 )	2022-06-22 11:48:22 +00:00

README.md

An example app with FingerprintJS Pro

This example shows how to identify visitors using FingerprintJS Pro with Next.js.

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-fingerprintjs-pro with-fingerprintjs-pro-app

yarn create next-app --example with-fingerprintjs-pro with-fingerprintjs-pro-app

pnpm create next-app --example with-fingerprintjs-pro with-fingerprintjs-pro-app

Deploy it to the cloud with Vercel (Documentation).

Notes

API key

To identify visitors, you'll need a FingerprintJS Pro account (you can sign up for free). You can learn more about API keys in the official FingerprintJS Pro documentation.

Once you get public key, you need to set up the API key in the environment variable NEXT_PUBLIC_FPJS_PUBLIC_API_KEY.