Di dalam buku ini kita akan belajar bersama-sama bagaimana menjadi seorang Full-Stack Web Developer dengan membangun sebuah website Travel Wisata Berbasis GIS Geographic Information System (Sistem informasi geografis) dan PWA (Progressive Web Apps) dengan Laravel, React.js dan Mapbox dari 0 sampai online.
Pertama, kita akan belajar membangun sebuah web service (backend) atau RESFTful API menggunakan Laravel dan mengimplementasikan sistem otentikasi dengan Passport. Tidak hanya itu, kita juga akan belajar banyak hal di dalam Laravel, seperti :
- Membuat Migration untuk table dan strukturnya.
- Relationship untuk menghubungkan antara satu table dengan table yang lain.
- Manipulasi data menggunakan Accessor, Mutator dan Casting.
- Api Resource untuk membuat standart API yang bagus dan baik.
- Dan masih banyak lagi.
Kedua, kita akan belajar membuat project baru di React.js dan menampilkan data yang sudah kita buat sebelumnya di Laravel. Di dalam React.js kita juga akan belajar beberapa hal, seperti : Otentikasi menggunakan JWT, membuat navigasi Route secara SPA atau Single Page Application, membuat Private Route untuk halaman admin, Integrasi dengan Mapbox untuk menampilkan informasi data di dalam Maps dan Direction dan masih banyak lagi.
Setelah project di dalam React.js selesai, maka kita akan belajar lagi bagaimana cara implementasi PWA atau Progressive Web Apps. Dengan menggunakan PWA, maka website yang kita bangun akan memiliki performa yang lebih cepat dan mampu memberikan pengalaman layaknya menggunakan aplikasi mobile (Android / iOS).
Ketiga, setelah semua project baik backend maupun frontend selesai dibuat, maka kita akan lanjutkan belajar bagaimana cara melakukan proses deployment di dalam server. Tujuannya agar kita dapat mengakses website tersebut di internet secara global.
Untuk Laravel (backend) akan kita deploy ke dalam Shared Hosting (cPanel). Sedangkan untuk React.js (frontend) akan kita deploy ke Netlify dan mengimplementaskan konsep CI/CD atau biasa disebut dengan Continue Integration dan Contrinue Development.
DEMO PROJECT :
