Skip to content

andreas-straub/nextjs-chakra-starter

Repository files navigation

Next.js App with chakra-ui and TypeScript

Evelan test task

Please create a Next.js 12 project with a following page /users:

  • The page should show a list of users
  • The list has a pagination
  • At the first view you should see the first 6 items
  • The button: "Load more" should then append the next 6 items and so on
  • If there are no more items to fetch the "Load more" button should be disabled
  • The list of the users should be fetched from this API: https://reqres.in/
  • Please show following props of the user:
    • id
    • email
    • first_name
    • last_name
    • avatar (as an Avatar image)
    • TypeScript should be used as a language here
      • usage of any type is not allowed

The example API URL for the first page is: https://reqres.in/api/users?page=1

Start development mode

npm run dev

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published