A modern full-stack web application built with Laravel 12 and React 19, leveraging Inertia.js for seamless server-side rendering and a rich component library for exceptional user experience.
- Laravel 12 - PHP framework for robust server-side logic
- PHP 8.2+ - Modern PHP runtime
- Laravel Fortify - Authentication and registration
- Laravel Sanctum - API authentication
- Inertia.js - Modern monolith architecture
- React 19 - Modern UI library
- TypeScript - Type-safe JavaScript
- Tailwind CSS 4 - Utility-first CSS framework
- Radix UI - Accessible component primitives
- Lucide React - Icon library
- Chart.js - Data visualization
- Vite - Fast build tool and dev server
- Server-side rendering (SSR) support with Inertia.js
- Modern React components with Radix UI primitives
- Type-safe development with TypeScript
- Responsive design with Tailwind CSS 4
- Authentication system with Laravel Fortify
- API support with Laravel Sanctum
- Code quality tools (ESLint, Prettier, Laravel Pint)
- Automated testing with PHPUnit
- PHP >= 8.2
- Composer
- Node.js >= 18.x
- npm or yarn
- Database (MySQL, PostgreSQL, or SQLite)
git clone <repository-url>
cd servercomposer installnpm installcp .env.example .env
php artisan key:generateConfigure your database credentials in the .env file:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=your_database
DB_USERNAME=your_username
DB_PASSWORD=your_passwordphp artisan migrateRun the development server with hot module replacement:
composer devThis command concurrently starts:
- Laravel development server (port 8000)
- Queue worker
- Vite dev server with HMR
Access the application at http://localhost:8000
For server-side rendering:
composer dev:ssrThis command starts:
- Laravel development server
- Queue worker
- Pail log viewer
- Inertia SSR server
Alternatively, run services separately:
# Terminal 1: Laravel server
php artisan serve
# Terminal 2: Vite dev server
npm run dev
# Terminal 3: Queue worker (optional)
php artisan queue:listennpm run buildnpm run build:ssrRun the test suite:
composer testOr directly with PHPUnit:
php artisan test# PHP (Laravel Pint)
./vendor/bin/pint
# JavaScript/TypeScript (Prettier)
npm run format# JavaScript/TypeScript (ESLint)
npm run lint
# Check formatting
npm run format:checknpm run types.
├── app/ # Laravel application code
│ ├── Http/ # Controllers, middleware, requests
│ ├── Models/ # Eloquent models
│ ├── Observers/ # Model observers
│ └── Providers/ # Service providers
├── bootstrap/ # Framework bootstrap files
├── config/ # Configuration files
├── database/ # Migrations, factories, seeders
├── public/ # Public assets and entry point
├── resources/ # Views, React components, assets
├── routes/ # Application routes
│ ├── web.php # Web routes
│ ├── auth.php # Authentication routes
│ └── settings.php # Settings routes
├── storage/ # Logs, cache, uploaded files
├── tests/ # Automated tests
└── vendor/ # Composer dependencies
| Command | Description |
|---|---|
composer dev |
Start development server with queue and Vite |
composer dev:ssr |
Start development server with SSR support |
composer test |
Run test suite |
npm run dev |
Start Vite dev server only |
npm run build |
Build for production |
npm run build:ssr |
Build with SSR support |
npm run lint |
Lint and fix JavaScript/TypeScript |
npm run format |
Format code with Prettier |
npm run types |
Run TypeScript type checking |
This project includes Laravel IDE Helper for improved autocomplete and code intelligence. Regenerate helper files:
php artisan ide-helper:generate
php artisan ide-helper:modelsThis project is open-sourced software licensed under the MIT license.