Download the PHP package shah-newaz/redprint-ng without Composer
On this page you can find all versions of the php package shah-newaz/redprint-ng. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download shah-newaz/redprint-ng
More information about shah-newaz/redprint-ng
Files in shah-newaz/redprint-ng
Informations about the package redprint-ng
Redprint - Laravel CRUD Generator with Vue.js
A Laravel package for generating CRUD operations with Vue.js frontend integration.
NOTE: Redprint is extremely opinionated about how you should structure your Laravel + Vue 3 project. It is designed to be used with Laravel 11+ and Vue 3+ using Element Plus and Tailwind CSS.
This package is still in development and may not be fully stable.
Installation
Publish the configuration:
Requirements
- PHP 8.2+
- Laravel 11+
- Vue.js 3
- The following npm packages must be installed in your project:
- tailwindcss
- element-plus
- axios
- vue
- vue-router
- vue-i18n
- lodash-es
Configuration
The package will look for your Vue router configuration file at the specified location relative to the resources directory. Make sure this path is correctly set before running the CRUD generator command.
config/redprint.php
Commands
Generate CRUD
It will prompt you for the model name, namespace, route prefix, soft deletes, and layout.
Example:
This will generate:
- Model (
app/Models/Product.php
) - Controller (
app/Http/Controllers/Api/ProductController.php
) - Resource (
app/Http/Resources/ProductResource.php
) - Migration (
database/migrations/xxxx_xx_xx_create_products_table.php
) - Vue Components:
resources/js/pages/Product.vue
resources/js/components/Product/Index.vue
resources/js/components/Product/Form.vue
- API Routes in
routes/api.php
- Common Components (if not exist):
resources/js/components/Common/Empty.vue
resources/js/components/Common/FormError.vue
resources/js/components/Common/InputGroup.vue
Generate Vue Component
This command allows you to generate three types of Vue components:
- Blank Component: A basic Vue component with minimal setup
- List Component: A data table component with search, sort, and pagination
- Form Component: A form component with validation and API integration
Usage Examples:
Blank Component:
List Component:
Form Component:
Column Definitions
When creating list or form components, you'll be prompted to define columns. Each column can have:
- Name: The field name (e.g., 'title')
- Type: Data type (string, text, boolean, integer, etc.)
- Nullable: Whether the field is required
- Relationship Data (optional): For form components with related models
Generated Components
Blank Component:
- Basic Vue 3 component structure
- Script setup syntax
- TypeScript support
List Component:
- Element Plus data table integration
- Search functionality
- Pagination
- Column sorting
- Delete/restore actions (if soft deletes enabled)
- API integration with configured axios instance
Form Component:
- Form validation
- Dynamic input types based on column definitions
- Related model select inputs (with API integration)
- Save/update functionality
- Error handling
- Loading states
All components are generated with TypeScript support and follow Vue 3's composition API patterns.
Generated API Routes
The following API routes will be generated for each CRUD:
Vue Router Integration
The generated components will automatically integrate with Vue Router, providing the following routes:
License
The MIT License (MIT). Please see License File for more information.
All versions of redprint-ng with dependencies
illuminate/support Version ^11.0 | ^12.0
symfony/process Version ^7.0
friendsofphp/php-cs-fixer Version ^3.6
navindex/html-formatter Version ^0.1.1
mck89/peast Version ^1.16