← Back to projects
CRUDs Laravel React Inertia
The skeleton application for the Laravel framework.
#Laravel CRUD: Breeze React.js + Inertia Version
This project is a simple Laravel CRUD for Tasks model built on top of Laravel Breeze starter kit React.js + Inertia.js version.

#Installation
Follow these steps to set up the project locally:
-
Clone the repository:
git clone https://github.com/LaravelDaily/CRUDs-Laravel-React-Inertia.git project cd project -
Install dependencies:
composer install npm install && npm run build -
Copy the
.envfile and configure your environment variables:cp .env.example .env
-
Generate the application key:
php artisan key:generate
-
Set up the database:
- Update
.envwith your database credentials. - Run migrations and seed the database, repo includes fake tasks:
php artisan migrate --seed
- Update
-
If you use Laravel Herd/Valet, access the application at
http://project.test. -
Log in with credentials:
test@example.comandpassword.
#Features to Pay Attention To
This project goes beyond the default Laravel Breeze setup with the following enhancements.
- Return Types in the Controller: ex.
function destroy(Task $task): RedirectResponse - Utilizes Form Request classes for validation, with
$request->validated()then used in the Controller - Includes Factory and Seeder for the
TaskModel - Uses pagination in Controller
- Modifies Laravel Breeze React component
InputLabel.jsxto add a "required" asterisk parameter - Created a custom React component
SelectInput.jsxfor the dropdown using the same Laravel Breeze CSS styles - Uses "flash" messages in the session to show the result after store/update/delete. Adds a custom React component
AlertMessage.jsxfor this. - Transform the links to look like buttons visually, with the same Tailwind styles as Laravel Breeze components. Adds a custom React component
LinkButton.jsxfor this. - Includes Pest test file
TasksCRUDTestthat has methods to test all Controller routes and also validation of each field.

#Found a bug? Got a question/idea?
Raise a GitHub issue or email info@laraveldaily.com.