Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gamunu/laravel-inertia
laravel-inertia
https://github.com/gamunu/laravel-inertia
Last synced: 18 days ago
JSON representation
laravel-inertia
- Host: GitHub
- URL: https://github.com/gamunu/laravel-inertia
- Owner: gamunu
- License: mit
- Created: 2024-12-19T16:14:35.000Z (25 days ago)
- Default Branch: main
- Last Pushed: 2024-12-21T20:40:34.000Z (23 days ago)
- Last Synced: 2024-12-21T21:27:13.099Z (23 days ago)
- Language: PHP
- Size: 115 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Laravel React Inertia Project
## Overview
A modern web application that combines the power of Laravel backend with React frontend, using Inertia.js as the glue layer.
## Tech Stack
- **Backend**: Laravel (PHP)
- **Frontend**: React
- **Bridge**: Inertia.js
- **Database**: MySQL
- **Package Manager**: PNPM
## Prerequisites
- PHP 8.x
- Node.js
- PNPM
- MySQL
- Composer
## Installation Guide
### 1. Project Setup
```bash
# Clone the repository
git clone https://github.com/gamunu/laravel-intertia.git
# Navigate to project directory
cd laravel-intertia
# Install backend dependencies
composer install
# Install frontend dependencies
npm install
```
### 2. Environment Configuration
1. Create your environment file:
```bash
cp .env.example .env
```
2. Configure your database settings in `.env`:
```env
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_inertia
DB_USERNAME=your_db_username
DB_PASSWORD=your_db_password
```
### 3. Database Setup
1. Create a new MySQL database:
```sql
CREATE DATABASE laravel_inertia;
```
2. Create the users table:
```sql
CREATE TABLE users (
id SERIAL PRIMARY KEY,
email VARCHAR(100) UNIQUE NOT NULL,
name VARCHAR(100) NOT NULL,
created_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP,
updated_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP
);
```
### 4. Final Configuration
```bash
# Generate application key
php artisan key:generate
# Run database migrations
php artisan migrate
```
## Running the Application
Start both development servers:
```bash
# Terminal 1: Start Laravel server
php artisan serve
# Terminal 2: Start React development server
npm run dev
```
## Accessing the Application
- Open your browser and navigate to `http://localhost:8000`
- The application includes three main pages:
- Home (static)
- About (static)
- Users (dynamic, interacts with database)
## Application Features
- Seamless integration between Laravel and React
- Database-driven user management
- Modern, responsive interface
- Real-time data updates
## License
This project is licensed under the MIT License.
## Support
For issues and feature requests, please use the GitHub issue tracker.