This PR updates the with-urql example for using the App Router.
Here are the changes that have been made:
- I renamed the pages folder and moved it to the app folder.
- Added the layout.tsx file as part of the App Router.
- Updated the package.json file.
CC: @samcx
---------
Co-authored-by: MayuriPapat25 <mayuri.papat@qed42.com>
Co-authored-by: samcx <sam@vercel.com>
## Description
This PR ensures that the default prettier config is used for examples
and templates.
This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).
## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)
## Related
- Fixes#54402
- Closes#54409
## Documentation / Examples
- [x] Make sure the linting passes
As mentioned in #25854 `with-urql` doesn't work. After investigation, I've found that Pokémon GraphQL server located at `https://graphql-pokemon.vercel.app` is down.
After some research I came across its repository and this [pull request](https://github.com/lucasbento/graphql-pokemon/pull/14). That pull request provides new URL `https://graphql-pokemon2.vercel.app` which seems to work.
I don't know the status of this server, maybe @leerob can confirm this PR is ok.
* Install UrQL dependencies
- Created the examples folder `with-urql`
- Installed the dependencies
- Got a simple index.js page setup
* Basic UrQL example
- Connects to Pokemon GraphQL API
* Loading Pokemon list + Pokemon page
- Using `isomorphic-unfetch` because `urql` uses `window.fetch` to get data because we need to query the GraphQL API using Node (in `getStaticProps`)
- Deleted `_app.js` since we're not using UrQL to query data on the clientside
- Put all GraphQL related code in `/graphql`
* Update README for UrQL example
* Update urql casing
* Update examples/with-urql/graphql/client.js
Co-authored-by: Joe Haddad <timer150@gmail.com>
* Update examples/with-urql/pages/index.js
Co-authored-by: Joe Haddad <timer150@gmail.com>
* Update examples/with-urql/pages/pokemon/[name].js
Co-authored-by: Joe Haddad <timer150@gmail.com>
* Fix linting
Co-authored-by: Tim Neutkens <tim@timneutkens.nl>
Co-authored-by: Joe Haddad <timer150@gmail.com>
Co-authored-by: Joe Haddad <joe.haddad@zeit.co>
PapatMayuri