The Next CLI Extension is a Visual Studio Code extension designed to streamline the process of creating Next.js pages and components directly within your project. With this extension, you can quickly generate pages and components and even scaffold a menu bar for your Next.js application.
Page Creation: Easily create new Next.js pages with just a few clicks.
Component Generation: Generate reusable components for your Next.js project.
Menu Bar Scaffolding: Quickly scaffold a menu bar for your Next.js application with various customization options.
Open Visual Studio Code.
Go to the Extensions view by clicking on the square icon in the sidebar.
Search for "next-cli" and click Install.
Reload Visual Studio Code to activate the extension.
Open your Next.js project in Visual Studio Code.
Open the Command Palette by pressing Ctrl+Shift+P.
Type next-cli and choose the option "Set the file extension jsx or tsx".
Right-click on the desired directory in the Explorer view where you want to create a new page or component.
Select the "Create New Next Page" or "Create New Next Component" option from the context menu.
We welcome any feedback or suggestions you may have for improving the Next CLI Extension. Please feel free to submit an issue on the GitHub repository or reach out to us directly.