Web 3.0 Proposal

Standar Baru

• Sebuah WebApp SEHARUSNYA memiliki sumber data yang terbuka
• Autentikasi user SEHARUSNYA bersifat terbuka
• Data yang dihasilkan SEHARUSNYA mudah dicari
• Aplikasi dapat menawarkan fitur realtime

Limitasi

• Coupling antara HTTP asset dengan data aplikasi sangat ketat
• Servis Aplikasi bersifat tertutup, sehingga implementasi antara satu platform dengan platform lainnya bisa jadi berbeda
• Back-end developer mengerjakan porsi yang lebih banyak (relatif ketimbang front-end developer) karena data yang dikirimkan berupa server-rendered-view
• Berkaitan dengan poin di atas, pengerjaan project jadi relatif lebih lambat, karena front-end developer harus menunggu "kebutuhannya" siap

Solusi

• Pisahkan arsitektur back-end dengan front-end
• Back-end developer mendesain API yang nantinya akan di-consume oleh front-end developer
• Berkaitan dengan poin di atas, back-end developer dapat melakukan mocking supaya proses development dapat dilanjutkan oleh front-end developer

Recipe

• Lumen 5.3
  • Flipbox Komodo (Fractal)
    • Route Resource
    • Exception Handler
  • Flipbox Console Support
    • Code Generator
    • Optimizer
    • Tinker
    • Key Generator
    • PHP Built-in-Server
  • Laravel Passport
  • Laravel Broadcaster
• Vue 2.0
  • Vuex
  • Vue Router
  • Webpack
  • SASS
  • Live Reload

Usage

Back-end developer

Berikut ini adalah metode untuk bootstrapping aplikasi berbasis Web 3.0

cd backend
composer install
# configure your .env
php artisan key:generate
php artisan migrate
php artisan passport:install

Skeleton ini juga mendukung fasilitas untuk developer menjalankan development server melalui PHP built in server.

php artisan serve

Berikut ini adalah metode untuk production delivery aplikasi berbasis Web 3.0

php artisan optimize --force

Front-end developer

Berikut ini adalah metode untuk bootstrapping aplikasi berbasis Web 3.0

cd frontend
npm install
npm run dev

NOTES Dengan menjalankan command npm run dev, maka secara otomatis script akan membuat satu endpoint untuk tujuan development di: http://localhost:8080/

Berikut ini adalah metode untuk production delivery aplikasi berbasis Web 3.0

npm run build

NOTES Aplikasi akan di-generate ke dalam folder dist

ToDo

• Documentation
• Passport test
• Error handling
• Code Generator test
• Basis CSS Framework untuk front-end developer
• Any suggestion?