Skip to content

Animanga catalog site with pagination. Done with Next.JS and GraphQL w/ ApolloClient. API obtained from anilist.co

Notifications You must be signed in to change notification settings

mikeyhao/anilist-nextjs

Repository files navigation

Deployed on Vercel.

The website uses Next.JS and GraphQL (w/ ApolloClient) to extract details from Anilist's API and displays all animanga in a paginated format.

Basic Functionality

Home Page

All animanga are always sorted by most popular to least popular.

Pagination

Pagination implemented through the use of back-next buttons. A number input field available to jump to specific pages. Page indicator is updated accordingly.

Search Bar

Search is done instantly and while typing. Does not require page to refresh to search and also change pages.

Details Page

Clicking on any of the animanga directs to the MyAnimeList website for more details.

About

Animanga catalog site with pagination. Done with Next.JS and GraphQL w/ ApolloClient. API obtained from anilist.co

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published