Note
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 pzrTip
Global installation allows you to use pzr from 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 profileTip
You can create multiple pages/routes at once by listing them after the create command or -c flag.
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
pzrcommands usingnpx: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
npmor 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 profileWarning
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
Important
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.
Caution
It's recommended to use the pzr init command to modify your configuration. Manual edits to .pzr-config.json may lead to unexpected behavior.
For bug reports and feature requests, please open an issue on our GitHub repository.
Important
๐ค 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.