next-utils-cli v2.0.0
Next Utils CLI
Next Utils CLI is a command-line tool exclusively designed for the new Next.js App router, streamlining the creation of routes, pages, components, and server actions in your Next.js application. It also allows you to clean up the boilerplate code from the home page and initialize a configuration file.
Features
- Quickly generate Next.js routes, pages, components, and server actions.
- Create routes with various HTTP methods (GET, POST, PUT, PATCH, DELETE, OPTIONS).
- Choose between different function types for components.
- Option to opt in to client rendering for components and pages.
- Easily customize the path and name for your files.
- Recursive directory creation for an organized codebase.
- Initialize a project-specific configuration file with the
initcommand. - Clean up the boilerplate code from the home page with the
clean-home-pagecommand. - Server action generation for enhanced server-side capabilities.
Installation
You can install Next Utils CLI globally using npm:
npm install -g next-utils-cliUsage
To use Next Utils CLI, simply run the desired command:
next-utils pagenext-utils routenext-utils componentnext-utils clean-home-pagenext-utils initnext-utils actionAvailable Commands
page
Generate a new page in the App router.
route
Generate a new route in the App router. Allows selecting multiple HTTP methods.
component
Generate a new component with options to customize the type and rendering mode.
clean-home-page
Removes boilerplate code from the default Next.js home page.
init
Creates a next-utils-cli.json configuration file in the root of your project. This file will store your project-specific preferences for page, route, and component commands.
action
Generate a new server action file to handle server-side logic seamlessly.
Additional Information
- Configuration: Run the
initcommand to generate anext-utils-cli.jsonfile, which stores your project preferences, making subsequent commands faster and more consistent. - Component & Page Options: Choose between arrow function and function declaration styles.
- Route Flexibility: Specify HTTP methods when creating a route.
- Conflict Handling: Prompts you before overwriting existing directories or files.
License
This project is licensed under the MIT License. See the LICENSE file for details.
Contributions
Contributions are welcome! If you have ideas for improvements or encounter issues, please open an issue or submit a pull request.
How to Contribute
Fork the Repository: Click the "Fork" button on the GitHub page to create your copy of the project.
Clone Your Fork: In your terminal, run the following command, replacing
[your-username]with your GitHub username:git clone https://github.com/[your-username]/next-utils-cli.gitInstall Dependencies:
npm installMake Changes: Create a new branch for your changes, make improvements or fixes, and commit your work:
git checkout -b my-fix # or git switch -c my-fixRun the Project:
Run the following command to make sure project is running properly:
npm run next-utils -- -hIf you want to test in another directory:
npm run build test
npm link
# In your test directory
npm link next-utils-cli
# Then run the command
next-utils [command]Add Tests (if necessary) and Run Them:
npm run testPush Your Changes to GitHub: Commit your changes and push them to GitHub. Then, open a pull request against the
mainbranch.git add . git commit -m "Fix: Describe your fix or feature"
Links
TODO
- Add examples to README.md
1 year ago
12 months ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago