turbopack

Configure Turbopack as the default bundler for Next.js development builds.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/gil00pita/lanify --skill turbopack-gil00pita
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: turbopack
Source: https://github.com/gil00pita/lanify/tree/main/.agents/skills/turbopack
Command: npx skills add https://github.com/gil00pita/lanify --skill turbopack-gil00pita

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Optimizes local Next.js development by configuring Turbopack as the default bundler, enabling faster incremental builds and smoother loader compatibility.

Core Features & Use Cases

  • Configures Turbopack as the default bundler for Next.js projects to accelerate development workflows.
  • Provides guidance for migrating from webpack and integrating custom loaders with Turbopack.
  • Supports standard Next.js loader and alias configurations and easy switching to webpack when needed.

Quick Start

Run Next.js development with Turbopack enabled by default, and switch to webpack if needed using the provided commands.

Frequently Asked Questions about turbopack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set Turbopack as the default bundler for Next.js?

Next.js uses Turbopack to accelerate local development workflows by configuring it as the default bundler. This enables faster incremental builds and smoother loader compatibility for local development.

What is the best way to migrate from webpack to Turbopack in a Next.js project?

Migrating from webpack to Turbopack requires applying configuration adjustments to your Next.js project. The process supports standard loader and alias configurations to ensure compatibility during the transition.

Can I use custom loaders with Turbopack in my Next.js development environment?

Yes, Turbopack supports integrating custom loaders within your Next.js development environment. The configuration provides guidance for customizing loader compatibility during local development builds.

Does Turbopack support standard Next.js loader and alias configurations?

Turbopack fully supports standard Next.js loader and alias configurations. This allows you to maintain existing project setups while benefiting from accelerated development builds and easy switching back to webpack if needed.

How do I switch back to webpack after enabling Turbopack in Next.js?

You can switch back to webpack from Turbopack by using the provided commands. This allows for easy bundler reversion if you encounter limitations or need the standard webpack build process for your Next.js project.

When should I not use Turbopack for my Next.js development builds?

You should avoid using Turbopack if your specific webpack loaders lack compatibility or if you encounter edge cases outside standard Next.js configurations. The setup allows easy switching back to webpack when limitations arise.