This is a sample project that combines NextJS, Material UI, and a smattering of techniques using React hooks. The photo grid page is an infinite-scrolling grid view using the sample Elder Scrolls Legends API to display simplified cards that you can search for by name.

Code for this was adapted from:

• The mui-org next js example
• Mui-Org Next JS with Typescript
• NextJS + Typescript with a valid _app type
• react-infinite-scroll-hook

Clone the repo. Then, use yarn:

yarn install
yarn dev

If you'd like to run unit tests:

yarn test

You can run these with npm if you'd like - the only difference is that you'll generate a package-lock.json file that subsequent yarn builds won't be happy about.

Want to deploy your own repo with Vercel/ZEIT? It's easy: Vercel Now