treygrr / gql-modules

Nuxt 3 example of graphql with ssr

🔌 Available as a nuxt 3 module at https://github.com/gbicou/nuxt-urql

This is a example of nuxt3 application with :

• graphql code generation
• urql graphql client
• SSR
• typescript everywhere
• composition api

Using countries graphql api from Trevor Blades https://countries.trevorblades.com/

Docs

We recommend to look at the nuxt3 documentation.

Setup

Make sure to install the dependencies

yarn install

Development

Rebuild typescript sources (schema, introspection and operations) from graphql files

yarn graphql-codegen

Start the development server on http://localhost:3000

yarn dev

Production

Build the application for production:

yarn build

Checkout the deployment documentation.

Demo

Application is deployed :

• on vercel @ https://nuxt3-urql.vercel.app/
• on netlify @ https://nuxt3-urql.netlify.app/