#57: Unstyled Components, AI SDK, TypeSchema, Puppeteer on Vercel, React Conf 2024

React Conf 2024 Talks – All the talks from React Conf 2024 are now online, with a major spotlight on React 19. If you’re interested in the future of React, this is a great chance to learn more

Avoiding premature abstraction with Unstyled React Components – Learn how unstyled React components can help you avoid adding premature styling abstractions to your codebase

Run GitHub Actions up to 2x faster and 50-75% cheaper – Blacksmith provides a drop-in replacement for GitHub Actions runners that use modern gaming CPUs instead of GitHub's decade-old server hardware. It's a one-line code change and takes under 5 minutes to integrate.

► Build a Web Scraper API with Puppeteer – Colby explains how you can use Puppeteer in a Next.js API route hosted on Vercel to programmatically collect data from a website.

Free Book: Build a Blog Using Next.js – With over 200 pages, this book describes how to build a Next.js blog in 2024 using all the latest practices

Using Notion as my CMS with Next.js – Details the technical setup, covering data access, API integration, and caching strategies. The code is also available if you'd like to implement something similar yourself

Flags as code in Next.js – Exploring the usage of feature flags in Next.js with Vercel's Flags SDK

Vercel AI SDK 3.3 – Main features of the latest release: Tracing, Multi-modal file attachments, Stream object generation and JSON for tools, structured object generation, and more

TypeSchema – TypeSchema enables writing code that works with any validation library such as Zod, Valibot, Yup, etc.

reachat – A UI library for building LLM chat experiences. The components can be customized via Tailwind

next-image-s3-imgproxy-loader – This package works as a layer on top of the next/image component and allows you load images from an imgproxy instance

More:

• Your Next Store— Commerce with Next.js and Stripe
• Announcing TypeScript 5.6 Beta

Boosting performance: Faire’s transition to Next.js – Learn how Faire navigated the migration from a mature single-page application to the server-side NextJS framework

Redux Essentials – The "Redux Essentials" tutorial got updated. The improved version covers key Redux concepts, all of RTK's APIs and more

Please Stop Using Barrel Files – Why you probably shouldn't be adding index.ts files everywhere

Behind the scenes of Tinybird's big frontend refactor – Tinybird is a real-time platform for user-facing analytics. Recently, they undertook a major refactor of their frontend app. This article details their process, the technology they employed, and the challenges they encountered while developing the new app