#12: Vercel AI SDK, Panda CSS, Vercel Skew Protection, Free Edge Email Service

Introducing the Vercel AI SDK – A free and open-source toolkit to help you build AI-powered applications with JavaScript and TypeScript

• Built-in LLM Adapters with Typescript support for OpenAI, LangChain and Hugging Face
• Hooks for streaming the responses
• Edge-ready
• First-class Next.js support

Introducing Panda CSS – Segun Adebayo, the creator of the famous CSS-in-JS component library Chakra UI, is back with a new evolved version of CSS-in-JS that combines the powers of both, styling components in JavaScript and the performance of having style declarations in CSS

• Type-Safe and works with Server Components
• Generates CSS files by parsing your styles at build time
• DX Features: recipes, patterns, design tokens, JSX style props

Full Stack AI Semantic Search with Next.js – Learn how to build a search app that understands the meaning and intend of your users search query by using Langchain, Pinecone Vector Database, OpenAI ChatGPT, and Next.js.

A Visual Guide to Layouts in Next.js 13 – Vishwas explain how to utilize layouts to build Next.js applications with consistent UI structures across multiple pages without duplicating code

Why you’ll need topics to decouple your software systems – Great explainer video about the use cases and benefits of using queues and topics with QStash to build resilient and scaleable web architectures.

Our experience adding Edge Runtime to Next.js SDK – Overcome common challenges when switching from serverless functions to the Edge Runtime

Unkey - API Key Management – Create, manage and validate API Keys for your users. 100% open source and the frontend is built with Next.js 13

Hyper Fetch – A data fetching library with caching, deduplication, progress tracking and retries out of the box

Vercel Email – This package is a real gem 💎. Send transactional emails from your Vercel edge functions completely for free. No strings attached.

Introducing Skew Protection – Version Skew Problem: When you release an updated version of your SPA, users who have a tab open will continue using the previous version, which can lead to errors due to a mismatch between frontend and backend. With Skew Protection Vercel released a possible solution to this problem

🐦 Dev server performance is our top priority right now – Lee Robinson addressed a complaint about slow development server experience and assured that improving performance and stability of the latest Next.js release is Vercel’s main priority.

🎙️ Next.js, Vercel, and Subscription Models – Informative and entertaining podcast episode about Vercel’s payment model and using Next.js for building a podcast website

Stack Overflow Survey - Web frameworks and technologies – “Next.js moved from 11th place in 2022 to 6th this year, likely driven by its popularity with those learning to code”