---
# System prepended metadata

title: mk-project-mk-next
tags: [mk, ' projects']

---

---
tags: mk, projects
---

# mk-project-mk-next

just logging what's happening in [this repository](https://github.com/learninglab-studio/mk-next).

## goals

- generate content from Airtable (both on build and with server requests for not-yet-built data)
- cards for printing buttons, posters, reports (with print buttons)
    - [generate pdf in Next App tutorial](https://dev.to/wonder2210/generating-pdf-files-using-next-js-24dm)


## mechanics
- shuffling and scattering and moving and stacking cards
- annotating images, videos and animations
- sliding photos in, flipping cards
- 

## simple nextjs start

- `cd ~/Development`
- `npx create-next-app mk-next`
- `cd mk next`
- `npm run dev`



## tweaks to basic start


## things to try

- [mk-project-threejs](/eGu-hMT4R5u037lSpJtztg)
- [mk-project-ll-scroll-effects](/Q_UIONdYRj6aZMbohFFFcw)
- [mk-prototype-summer-lookbook](/u5DNoBkdRgKSSpMK80doZw)
- [mk-project-page-transitions](/KneBG15pSa-mkpoV5FOo9A)

## links

- [creating favicons](https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs) (maybe the best of the tutorials we've found on it)
- [JSON placeholder](https://jsonplaceholder.typicode.com/) dummy API for development
- [react hooks for for infinite scroll](https://blog.logrocket.com/react-hooks-infinite-scroll-advanced-tutorial/)
- 