๐ Supercharge your web development workflow with pzr - the CLI based templates generator tool for Next.js, Express.js, and Vite React projects!
pzr simplifies the process of creating new pages, routes, and components, allowing developers to focus on writing business logic rather than boilerplate code.
- ๐ฎ Smart Project Config Detection: Automatically identifies your project type and configuration
- โก Lightning-Fast Setup: Initialize new projects or add pzr to existing ones with a single command
- ๐๏ธ Effortless Scaffolding: Generate pages, routes, and components tailored to your project structure
- ๐ง Flexible and Customizable: Easily adjust detected settings to match your specific needs
- ๐ Framework Agnostic: Supports Next.js, Express.js, and Vite React out of the box
Whether you're a seasoned developer or just starting out, pzr helps you focus on what matters most - writing great code and building amazing applications!
Install pzr globally using npm or yarn:
npm install -g pzr
# or
yarn global add pzr๐ก Tip: Global installation allows you to use
pzrfrom any directory on your system.
To initialize a new project or configure pzr for an existing project:
pzr initThis command will:
- ๐ Automatically detect your project type and configuration
- ๐ฅ๏ธ Display the detected settings
- โ Prompt you to confirm or modify these settings
Create new pages, routes, or components using the create command or its shorthand -c:
pzr create [pages...]
# or
pzr -c [pages...]Create multiple pages:
pzr create home about contact
# or
pzr -c home about contactGenerate files in a specific directory:
pzr create -d dashboard/settings profile
# or
pzr -c -d dashboard/settings profile๐กTip: You can create multiple pages/routes at once by listing them after the
createcommand or-cflag.
If you prefer not to install pzr globally, use it on a per-project basis:
-
Install as a dev dependency:
npm install --save-dev pzr # or yarn add --dev pzr -
Run pzr commands using npx:
npx pzr init npx pzr -c home about
-
Alternatively, add scripts to your
package.json:{ "scripts": { "pzr:init": "pzr init", "pzr:create": "pzr -c" } }Then use npm or yarn to run the commands:
npm run pzr:init npm run pzr:create home about # or with yarn yarn pzr:init yarn pzr:create home about
Use pzr without installation via npx:
npx pzr init
npx pzr -c home about
npx pzr -c -d dashboard/settings profile
โ ๏ธ Note: Using npx without installation may result in slower execution times as it downloads the package each time.
pzr intelligently detects:
- Project Type: Next.js, Express.js, or Vite React
- Language: TypeScript or JavaScript
- Source Directory: Whether you're using a
srcdirectory - Next.js Routing: Page Router or App Router (for Next.js projects)
After detection, pzr will display the detected settings and prompt you to confirm or customize them, ensuring accuracy and flexibility.
pzr file generation based on the project type:
-
Next.js:
- Generates
layout.tsx,page.tsx, andloader.tsxin created routes in/appor/src/appdir. - Supports both Page Router and App Router structures and both
tsxandjsxcomponents.
- Generates
-
Express.js:
- Creates models, controllers, and routes for
jsortsapps. - Automatically adds
app.use(routeMiddleware)inapp.ts
- Creates models, controllers, and routes for
-
Vite React:
- Generates
.jsxor.tsxcomponents in the/componentsdirectory
- Generates
๐ Coming Soon: We're actively working on adding support for more project types!
pzr stores its configuration in a .pzr-config.json file in your project root. This file is created when you run pzr init and contains information about your project type, language preference, and other settings.
โ ๏ธ Warning: It's recommended to use thepzr initcommand to modify your configuration. Manual edits to.pzr-config.jsonmay lead to unexpected behavior.
For bug reports and feature requests, please open an issue on our GitHub repository.
๐ค Contribute: We welcome contributions! Feel free to submit pull requests to help improve pzr.
pzr is released under the MIT License. See the LICENSE file for more details.