RickQL - Rick And Morty GraphQL App

This is a client application which consumes the Rick and Morty API.

It uses React Server Components and TanStack Query for all the data fetching.

The project was written in JavaScript at first. But it was migrated to TypeScript eventually.

I've used GraphQL Code Generator to create type definitions automatically.

A feature based folder structure has been implemented to keep things organized.

Live demo is here.

• Next.js
• TanStack Query
• NES.css
• Tailwind CSS
• GraphQL Code Generator
• ESLint
• Prettier
• Vercel

Development

First, we need to install the dependencies:

npm install

And run the project in development mode:

npm run dev

The Rick and Morty API

This is a really cool public API which provides you the characters, locations and episodes. It has both Rest and GraphQL implementations. So, you can use it to learn and explore new techniques, libraries etc.

You can check it out here.