Menu
Is there any plan in Webstorm (or IntelliJ IDEA Ultimate) roadmap to have a first class support for Next.js? Just like how Angular and plain-React are supported currently.
526
WebStorm 2022.1 EAP #6 is now available with UI improvements for the debugger and additional formats for UML diagram export.
WebStorm provides code completion for React APIs and JSX in JavaScript code. Code completion works for React methods, React-specific attributes, HTML tags and component names, React events, component properties, and so on. Learn more from the React official website.
Thanks to WebStorm’s built-in React support, all of the key features should have already been working in your Next.js projects. WebStorm 2022.1 adds support for some framework-specific things, such as pages. The IDE will resolve paths used in the href attribute of your Link components as well as in form and other tags.
Next.js has become one of the most popular React frameworks of today. Coupled with its ease of setup, the out-of-the-box features and optimizations it brings to the table will leave you wondering why you’ve been building React apps any other way.
WebStorm 2022.1 comes with several improvements for Vue 3. If you define components globally, the IDE will now recognize them in your .vue files. WebStorm will support the createApp syntax. It will correctly match applications created using createApp with their related elements.
The Node.js installation comes with npx, an npm package runner. To create a new Next.js app, run the following command on your terminal: This should generate a new Next.js application in a directory named nextjs-mdx-blog.
A bit late, but adding to this as it's a popular answer is to simply replace the scripts npx create-react-app with npx create-next-app and it should be identical to doing it manually outside the application.
78
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
