1# With Next.js
2
3<p>
4 <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-next">
5 <img
6 alt="Open in StackBlitz"
7 src="https://img.shields.io/badge/open_in_stackblitz-1269D3?logo=stackblitz&style=for-the-badge"
8 />
9 </a>
10 <a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-next">
11 <img
12 alt="Open in CodeSandbox"
13 src="https://img.shields.io/badge/open_in_codesandbox-151515?logo=codesandbox&style=for-the-badge"
14 />
15 </a>
16</p>
17
18This example shows `next-urql` and `urql` in use with Next.js as explained [in the "Next.js" section
19on the "Server-side Rendering" docs
20page](https://formidable.com/open-source/urql/docs/advanced/server-side-rendering/#nextjs).
21
22To run this example install dependencies and run the `start` script:
23
24```sh
25yarn install
26yarn run start
27# or
28npm install
29npm run start
30```