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