https://github.com/gbicou/nuxt3-urql

nuxt3 + urql + ssr
https://github.com/gbicou/nuxt3-urql

graphql nuxt3 ssr typescript urql

Last synced: 19 days ago
JSON representation

nuxt3 + urql + ssr

• Host: GitHub
• URL: https://github.com/gbicou/nuxt3-urql
• Owner: gbicou
• Created: 2021-10-14T18:11:43.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-02T11:15:02.000Z (about 1 month ago)
• Last Synced: 2024-10-17T19:29:03.835Z (28 days ago)
• Topics: graphql, nuxt3, ssr, typescript, urql
• Language: TypeScript
• Homepage: https://nuxt3-urql.vercel.app/
• Size: 3.51 MB
• Stars: 57
• Watchers: 4
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nuxt 3 example of graphql with ssr

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

This is a example of nuxt3 application with :

* [graphql code generation](https://www.graphql-code-generator.com/)

* [urql graphql client](https://formidable.com/open-source/urql/)

* 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](http://v3.nuxtjs.org).

## Setup

Make sure to install the dependencies

```bash

pnpm install

```

## Development

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

```bash

pnpm graphql-codegen

```

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

```bash

pnpm dev

```

## Production

Build the application for production:

```bash

pnpm build

```

Checkout the [deployment documentation](https://v3.nuxtjs.org/docs/deployment).

## Demo

Application is deployed :

* on vercel @ https://nuxt3-urql.vercel.app/

* on netlify @ https://nuxt3-urql.netlify.app/