# mk-studies-next-js

## examples

- [nextjs examples](https://nextjs.org/examples)
- [nextjs starters](https://www.sanity.io/exchange/type=starters/framework=nextjs) from sanity
- [sanity's next guides](https://www.sanity.io/exchange/type=guides/framework=nextjs)
-

### web scraping

- [create a public API by scraping](https://dev.to/mtliendo/create-a-public-api-by-web-scraping-in-nextjs-2f5n)
- [build a web scraper with node](https://pusher.com/tutorials/web-scraper-node/)
- [capturing open graph images with node and puppeteer](https://www.contentful.com/blog/2021/03/17/puppeteer-node-open-graph-screenshot-for-socials/)
-

## style

- [skeleton](http://getskeleton.com/)
- [bootstrap](https://getbootstrap.com/docs/4.1/examples/)
- [primer's figma page](https://primer.style/design/tools/figma)
- [primer avatar stack component](https://primer.style/react/AvatarStack)
- [figma for beginners](https://help.figma.com/hc/en-us/sections/4405269443991-Figma-for-Beginners-4-parts-)
- [bulma](https://bulma.io/)
- [getting started with tailwind](https://tailwindcss.com/docs/installation)
- [linkedin learning on tailwind](https://www.linkedin.com/learning/tailwind-css-essential-training/transitions?autoplay=true&u=2194065)
- [next with tailwind template](https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss)
-

## mdx

- [nextjs-mdx-blog-starter](https://github.com/johnpolacek/nextjs-mdx-blog-starter)
- [nextjs-blog-starter](https://github.com/vercel/next.js/tree/canary/examples/blog-starter)
-