David

Lessons from building a biomedical technology startup

5 min read
Next.jsReactWeb Development

Next.js 15 brings exciting new features and improvements that make building web applications even better. In this post, we'll explore the key features and how to get started.

What's New in Next.js 15

Next.js 15 introduces several groundbreaking features:

  • Improved App Router: Better performance and more intuitive API
  • Enhanced Server Components: Faster server-side rendering
  • Optimized Image Loading: Better Core Web Vitals scores
  • Streaming Support: Progressive rendering for better UX

Setting Up Your First Project

Getting started is simple:

npx create-next-app@latest my-app
cd my-app
npm run dev

Server Components vs Client Components

One of the biggest changes is the distinction between Server and Client Components:

// Server Component (default)
export default function Page() {
  return <h1>Hello from Server</h1>
}
 
// Client Component
"use client"
export default function InteractiveButton() {
  return <button onClick={() => alert('Hello!')}>Click me</button>
}

Conclusion

Next.js 15 is a powerful framework that makes building modern web applications a joy. Give it a try!