🏗️ STRUKTUR: 2 Laravel Apps + Siap NPM & Composer
txtgloriabank/ ├── app/ ├── bootstrap/ ├── public/ ├── resources/ │ └── js/ ← React Pages via Inertia ├── routes/ │ └── web.php ├── package.json ├── vite.config.js ├── composer.json └── .env.example gudanglaba/ ├── app/ ├── bootstrap/ ├── public/ ├── resources/ │ ├── views/ ← Blade │ └── js/ ← Vue Components (optional) ├── routes/ │ └── web.php ├── package.json ├── vite.config.js ├── composer.json └── .env.example
⚙️ KONFIGURASI gloriabank (Jetstream + Inertia + React)
✅ 1. Install Jetstream Inertia + React
bashcomposer require laravel/jetstream php artisan jetstream:install inertia --react npm install && npm run build
✅ 2. File: vite.config.js
jsimport { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
export default defineConfig({
plugins: [
laravel({
input: ['resources/js/app.jsx'],
refresh: true,
}),
react(),
],
});
⚙️ KONFIGURASI gudanglaba (Jetstream + Livewire + Blade/Vue)
✅ 1. Install Jetstream Livewire
bashcomposer require laravel/jetstream php artisan jetstream:install livewire npm install && npm run build
✅ 2. Vue Optional: vite.config.js
jsimport { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
vue(),
],
});
🔑 .env.example (Starter)
envAPP_NAME=GloriaBank APP_ENV=local APP_KEY= APP_DEBUG=true APP_URL=http://localhost LOG_CHANNEL=stack DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=gloriabank DB_USERNAME=root DB_PASSWORD=
Ganti
gloriabankjadigudanglabadi file keduanya.
🧪 Testing Local
bash# gloriabank
cd gloriabank
php artisan migrate
php artisan serve
npm run dev
# gudanglaba
cd gudanglaba
php artisan migrate
php artisan serve
npm run dev
🧱 Bagian 1: .gitignore Universal Laravel + Node + Python
gitignore/vendor
/node_modules
/public/hot
/public/storage
/storage/*.key
.env
.env.*
.phpunit.result.cache
Homestead.json
Homestead.yaml
npm-debug.log
yarn-error.log
.DS_Store
__pycache__/
*.pyc
.idea
.vscode
📘 README.md Template — Auto Generated
🎯 Gloriabank
md# Gloriabank
Banking frontend app built with:
- Laravel 11
- Jetstream (Inertia + React)
- Vite
- TailwindCSS
## 🚀 Setup
```bash
composer install
npm install
cp .env.example .env
php artisan key:generate
php artisan migrate
npm run dev
🧠 Notes
-
React pages in resources/js/Pages/
-
Connects to external Django API
bash
## 🏭 Gudanglaba
```md
# Gudanglaba
Warehouse admin system using:
- Laravel 11
- Jetstream (Livewire + Blade)
- Vue (optional)
- Vite
## 🚀 Setup
```bash
composer install
npm install
cp .env.example .env
php artisan key:generate
php artisan migrate
npm run dev
🧠 Notes
-
Blade views in resources/views
-
Livewire components in app/Livewire/
yaml
---
# 🐳 Bagian 2: Docker Dev Setup (Optional tapi Recommended)
```bash
# gloriabank/docker-compose.yml
version: '3.8'
services:
app:
build:
context: .
dockerfile: Dockerfile
ports:
- "8000:8000"
volumes:
- .:/var/www/html
depends_on:
- mysql
mysql:
image: mysql:8
ports:
- "3306:3306"
environment:
MYSQL_DATABASE: gloriabank
MYSQL_ROOT_PASSWORD: root
Dockerfile# Dockerfile (Laravel)
FROM php:8.2-fpm
WORKDIR /var/www/html
RUN apt-get update && apt-get install -y \
zip unzip git curl libzip-dev libpng-dev libonig-dev
RUN docker-php-ext-install pdo pdo_mysql zip
COPY . .
RUN curl -sS https://getcomposer.org/installer | php && mv composer.phar /usr/local/bin/composer
RUN composer install
🤖 Bagian 3: GitHub CI Starter (Optional)
yaml# .github/workflows/ci.yml
name: Laravel CI
on: [push, pull_request]
jobs:
laravel-tests:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Setup PHP
uses: shivammathur/setup-php@v2
with:
php-version: '8.2'
- name: Install Dependencies
run: |
composer install --no-progress
cp .env.example .env
php artisan key:generate
- name: Run Tests
run: php artisan test
✅ Checklist Final Setup
-
Laravel project ready
-
Jetstream installed (Inertia & Livewire)
-
React & Vue config oke
-
NPM/Node handled
-
.gitignore clean
-
README pro-level
-
Docker dev environment
-
CI GitHub Workflow
Postingan
