DEV Community

Alex Spinov
Alex Spinov

Posted on

Next.js 15 Has a Free React Framework with Turbopack and Server Actions

#webdev #javascript #nextjs #react

Next.js 15 ships with Turbopack dev server (700x faster than webpack), stable Server Actions, and Partial Prerendering.

What's New in Next.js 15

Turbopack (stable for dev):

next dev --turbopack
Enter fullscreen mode Exit fullscreen mode

Local dev server starts in <500ms for large projects. HMR in <50ms. This was the #1 pain point for years.

Server Actions (stable):

// app/actions.ts
'use server';

export async function createUser(formData: FormData) {
  const name = formData.get('name');
  await db.user.create({ data: { name } });
  revalidatePath('/users');
}
Enter fullscreen mode Exit fullscreen mode 
// app/users/new/page.tsx
import { createUser } from '@/app/actions';

export default function NewUser() {
  return (
    <form action={createUser}>
      <input name="name" />
      <button type="submit">Create</button>
    </form>
  );
}
Enter fullscreen mode Exit fullscreen mode

No API route. No fetch. Just a function that runs on the server.

Partial Prerendering (experimental):
Static shell renders instantly. Dynamic parts stream in. Best of static and dynamic in one page.

What You Get for Free

  • File-based routing with layouts, loading states, and error boundaries
  • React Server Components — fetch data in components, not in getServerSideProps
  • Image optimization — next/image with automatic lazy loading, resizing, WebP
  • Font optimization — next/font loads Google Fonts with zero layout shift
  • Middleware — edge functions that run before every request
  • ISR — Incremental Static Regeneration: static pages that update on a schedule

Quick Start 

npx create-next-app@latest
Enter fullscreen mode Exit fullscreen mode

The App Router 

app/
  layout.tsx      → root layout (wraps everything)
  page.tsx        → home page (/)
  users/
    page.tsx      → /users
    [id]/
      page.tsx    → /users/123
    loading.tsx   → loading state
    error.tsx     → error boundary
Enter fullscreen mode Exit fullscreen mode

Layouts are nested. Loading states are automatic. Error boundaries prevent page crashes.

Next.js 15 is the default choice for React apps in 2026. If you're starting a React project — start here.

Need web scraping or data extraction? Check out my tools on Apify — get structured data from any website in minutes.

Custom solution? Email spinov001@gmail.com — quote in 2 hours.

Top comments (0)