Getting Started with Next.js 16

Next.js 16 brings a stable App Router, first-class Turbopack support, and a set of new APIs that make building full-stack React apps faster than ever.

In this series we'll walk through everything you need to go from zero to a production-ready app.

What you'll learn

• Setting up a Next.js 16 project with Bun
• App Router fundamentals — layouts, pages, and loading states
• Server vs. Client components — when to use each
• Data fetching patterns with the new use API
• Deploying to Vercel in under 5 minutes

Prerequisites

You should be comfortable with:

• JavaScript / TypeScript basics
• React fundamentals (components, props, state)
• Basic terminal usage

Let's get started.