This is a Next.js project bootstrapped with create-next-app.

This project uses Chakra UI for styling, Apollo Client for graphql queries and Storybook for component development.

View the live vercel deployment here https://next-js-chakra-ui-graphql-example.vercel.app/

Getting Started

Set up the graphql endpoint in the .env file

This project currently uses NEXT_PUBLIC_GRAPHQL_URL: https://rickandmortyapi.com/graphql

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Deployment is automatically handled by Vercel when merging in the main branch.

View webpage here https://next-js-chakra-ui-graphql-example.vercel.app/

Run Storybook

Run storybook with command npm run storybook

Run Jest

Run jest with command npm run test

Run lint

Run lint with command npm run lint

Fix linting errors with npm run lint-fix

Running linters for specific files npm run lint ./src/components/ComponentName.tsx