要在WebStorm中调试Next.js应用程序，你可以按照以下步骤操作：
- 打开你的Next.js项目，并确保安装了WebStorm IDE。
- 在WebStorm中，使用"Open"菜单选项打开你的项目文件夹。
- 在项目文件夹中找到
package.json文件，并确保其中包含next和react等必需依赖项。 - 右键单击
package.json文件，并选择"Show npm scripts"。 - 在npm脚本窗口中，你将看到一系列可用的脚本命令。选择"dev"命令，它将启动Next.js开发服务器。
- 在WebStorm的顶部工具栏中找到"Edit Configurations"图标（通常是位于旁边的播放按钮旁边的下拉菜单）。
- 在"Edit Configurations"对话框中，单击左上角的"+"按钮，然后选择"Node.js"。
- 在"Name"字段中，为新配置命名。例如，你可以将其命名为"Next.js"。
- 在"JavaScript file"字段中，点击浏览按钮，并找到Next.js项目文件夹中的
node_modules/next/dist/bin/next文件。 - 在"Application parameters"字段中输入
dev，这是用于启动开发服务器的参数。 - 在"Environment variables"字段中，如果有需要设置的环境变量，可以输入它们（例如，你可能需要设置
NODE_ENV）。 - 单击"OK"保存更改，并关闭"Edit Configurations"对话框。
- 现在，你可以点击顶部工具栏中的播放按钮旁边的下拉菜单，并选择你刚刚创建的Next.js配置。
- 点击播放按钮，WebStorm将启动Next.js开发服务器，并自动将调试器附加到该进程。
- 在浏览器中打开你的Next.js应用程序，地址为
http://localhost:3000，并开始进行调试。
现在，你可以在WebStorm中设置断点，并使用调试工具对你的Next.js应用程序进行分步调试。