Membangun Aplikasi Toko Online Dengan Laravel, Inertia.js dan React.js

Payment Gateway

Buku yang akan menuntunmu menjadi seorang FullStack Web Developer dengan studi kasus membangun website toko online dari 0 sampai deployment (online) menggunakan Laravel, Inertia.js dan React.js.

DEMO STUDI KASUS

Demo Aplikasi : https://geek-store.my.id

Belajar Membangun Toko Online Dari Nol Dengan Laravel, Inertia.js dan React.js !!!

FullStack Developer merupakan salah satu profesi yang sangat menjanjikan, dengan menjadi seorang Full-Stack tentu saja banyak sekali tawaran kerja dengan gaji yang sangat tinggi. Salah satu skill yang harus dikuasai untuk bisa menjadi seorang Full-Stack adalah Back-End dan Front-End.

Pada buku ini kita akan mempelajari kedua hal tersebut agar bisa menjadi seorang Full-Stack Developer.

LIHAT DAFTAR ISI MATERI

Menjadi FullStack Developer?

Kenapa Tidak!!!

Laravel adalah jawaban untuk bisa menjadi seorang Back-End Developer karena banyak sekali Industri ataupun StartUp menggunakan Laravel di dalam product mereka. Salah satunya karena dukungan komunitas yang besar dan sumber pengembangan yang sangat aktif.

Inertia.js merupakan adapter yang berperan menggantikan Rest API dan menghubungkan antara Backend dan Frontend secara mudah dan menghemat waktu development.

React.js merupakan salah satu pilihan para Front-End Developer dalam mengembangkan website dengan moderen dan reactive secara lebih mudah. Karena banyak sekali Industri dan juga StartUp menggunakan React.js untuk membangun beberapa produknya.

Payment Gateway merupakan layanan pembayaran satu pintu dengan banyak pilihan metode pembayaran seperti Gopay, BCA, BNI, BRI dan bisa berjalan secara otomatis untuk proses verifikasi.

Dengan buku ini kita dituntun menjadi seorang FullStack Web Developer menggunakan Laravel dan React.js dengan studi kasus langsung membangun sebuah website toko online mulai dari 0 sampai proses deployment ke online.

Benefit Yang di Dapatkan

Ebook (PDF & Web Version)
Source Code Studi Kasus
Private Group Member
Konsultasi Belajar
Update Materi
Kupon Diskon Hosting
Sertifikat
Akses Selamanya
Real Studi Kasus

Materi Yang di Pelajari

Di dalam buku ini kita bersama-sama akan belajar menjadi seorang Full-Stack Web Developer dari 0 dengan cara membangun sebuah website Toko Online menggunakan Laravel, Inertia.js dan React.js.

Dalam buku ini juga akan membahas konsep implementasi RBAC (Role-based access control) atau Roles & Permissions di dalam React.js

Setelah website Toko Online selesai kita buat, langkah selanjutnya adalah melakukan proses deployment atau proses meng-online-kan projectnya di Internet menggunakan server VPS, sehingga kita bisa mengaksesnya secara global.

Daftar Isi

    Pendahuluan
  • Cover
  • Kata pengantar
  • Lisensi Buku
  • Tentang Buku
    Perancangan
  • Diagram Aplikasi
  • Struktur dan Relasi Database
    Fundamental JavaScript ES6
  • JavaScript ES6
  • Variable
  • Default Parameter
  • Template String atau Literal
  • Arrow Function
  • Rest Parameter
  • Destructuring & Restructuring
  • Spread Operator
  • Array Map
  • Promise
  • Async Await
    Installasi & Persiapan
  • Persiapan dan Tools Pendukung
  • Membuat Project Laravel dengan Composer
  • Membuat Helpers di Laravel
  • Konfigurasi Koneksi Database
  • Konfigurasi Time Zone
    Roles & Permissions
  • Tentang Laravel Spatie
  • Installasi dan Konfigurasi Laravel Spatie
    Database
  • Membuat Model dan Migration
  • Eloquent Relationships
  • Eloquent Accessor, Mutator dan Casting
  • Membuat Seeder Roles
  • Membuat Seeder Permissions
  • Membuat Seeder User
  • Menjalankan Migration dan Seeder
    Konfigurasi Inertia.js
  • Apa itu Inertia.js ?
  • Installasi & Konfigurasi Inertia.js "server-side"
  • Installasi & Konfigurasi Inertia.js "client-side"
  • Share Data di Inertia.js
  • Menambahkan Progressbar di Inertia.js
  • Konfigurasi Permissions di Inertia.js
    Authentication
  • Apa itu Laravel Fortify ?
  • Installasi dan Konfigurasi Laravel Fortify
  • Membuat Proses Login
  • Membuat Proses Forgot dan Reset Password
  • Membuat Proses Logout
    Halaman Dashboard
  • Membuat Controller Dashboard
  • Membuat Layout App
  • Menampilkan Halaman Dashboard
  • Menampilkan Statistik di Dashboard
  • Menampilkan Chart atau Grafik di Dashboard
  • Menampilkan Produk Limit Stok di Dashboard
    Permissions
  • Membuat Controller Permission
  • Menampilkan Data Permissions
    CRUD Data Roles
  • Membuat Controller Role
  • Menampilkan Data Roles
  • Membuat Proses Insert Data Role
  • Membuat Proses Edit dan Update Data Role
  • Membuat Proses Hapus Data Role
    CRUD Data Users
  • Membuat Controller User
  • Menampilkan Data Users
  • Membuat Proses Insert Data User
  • Membuat Proses Edit dan Update Data User
  • Membuat Proses Hapus Data User
    CRUD Data Categories
  • Membuat Controller Category
  • Menampilkan Data Categories
  • Membuat Proses Insert Data Category
  • Membuat Proses Edit dan Update Data Category
  • Membuat Proses Hapus Data Category
    CRUD Data Products
  • Membuat Controller Product
  • Menampilkan Data Products
  • Membuat Proses Insert Data Product
  • Membuat Proses Edit dan Update Data Product
  • Membuat Proses Hapus Data Product
  • Membuat dan Menampilkan Component Barcode
    CRUD Data Customers
  • Membuat Controller Customer
  • Menampilkan Data Customers
  • Membuat Proses Insert Data Customer
  • Membuat Proses Edit dan Update Data Customer
  • Membuat Proses Hapus Data Customer
    Transactions
  • Membuat Controller Transaction
  • Menampilkan Halaman Transaction
  • Menampilkan Cashier dan Customer
  • Membuat Fitur Search Product
  • Menampilkan Grand Total
  • Menambahkan Item Product ke Cart
  • Menampilkan Item Product di Carts
  • Menghapus Item Product dari Cart
  • Membuat Fitur Discount, Pembayaran dan Kembalian
  • Membuat Proses Simpan Data Transaction
  • Membuat Fitur Cetak Nota Pembelian
    Report Sales
  • Membuat Controller Sales
  • Menampilkan Sales atau Penjualan Berdasarkan Range Tanggal
  • Installasi & Konfigurasi Laravel Excel
  • Membuat Fitur Export Excel Data Sales atau Penjualan
  • Installasi & Konfigurasi Laravel DomPDF
  • Membuat Fitur Cetak PDF Data Sales atau Penjualan
    Report Profits
  • Membuat Controller Profit
  • Menampilkan Profits atau Laba Berdasarkan Range Tanggal
  • Membuat Fitur Export Excel Data Profits atau Laba
  • Membuat Fitur Cetak PDF Data Profits atau Laba
    Deployment
  • Compile Assets Production
  • Deploy Project Laravel di cPanel (Shared Hosting)
    Penutup
  • Source Code
  • Penutup

Berikut ini 4 materi utama yang akan di pelajari :

1. Laravel

  • Installation & Configuration
  • Authentication
  • Roles & Permission
  • RajaOngkir
  • Payment Gateway
  • Database Seeder
  • Vite (Hot Reload)

2. Inertia.js

  • Installasi & Konfigurasi Server Side
  • Installasi & Konfigurasi Client Side
  • Custom Shared Data
  • Progressbar
  • Vite (Hot Reload)

3. React.js

  • Authentication (Register & Login)
  • Impementasi Roles & Permission
  • Membuat Helpers
  • Reusable Components
  • Pagination
  • Live Searching
  • Implementasi RajaOngkir
  • Implementasi Payment Gateway

4. Deployment

  • VPS (Virtual Private Server)
  • Konfigurasi LEMP Stack (Linux, Engine X, MySQL, PHP)
  • Compile Assets for Production (Vite)
  • Deployment Laravel Project di VPS
  • Menghubungkan Domain ke Server
  • Install dan Konfigurasi SSL di VPS

SCREENSHOT

APA KATA ORANG TENTANG BELAJAR DI SANTRI KODING ?

Sangat menginspirasi sebagai bekal awal menjadi seorang fullstack laravel vue
Muhammad Hasan
Belajar coding karena desakan ekonomi
Sangat bagus
Ari Setiawan
Saya Suka Belajar
Tutorialnya super keren dan mudah dimengerti
wikan wiratmoko
Tukang kabel dan tukang database
Materi yang sangat runut dan rinci, sehingga dapat di ikuti dengan sangat baik. Course yang sangat recomended bagi yang inign mempelajari Laravel Vue
Irfan Kurniawan
Sangat bermanfaat
Mochammad Agus Idris
Belajar lebih baik
Terbaikkk, ISTIMIWIRRR!
Rizki Januar Irmansyah
Mulai aja dulu!
bagus materinya
ferdy damin
mantap
Donny Moses Sihombing
Bagus banget buat pemula yang lagi belajar konsep service oriented, composition api di vue, component di vue dan juga SPA,
Rnoiwnef
Aiwenfowienfoiwenfoiwef
Ebooknya keren, penjelasannya mudah dipahami dan stepnya mudah diikuti
Wahyudi
mantap
Muhammad Ikhsan Hilmi
Nama saya Muhammad Ikhsan Hilmi saya adalah seorang mahasiswa dari Sekolah Tinggi Teknologi Garut. Saya sekarang sedang mempelajari framework laravel, karena kedepannya saya berencana untuk menjadi seorang programmer BackEnd Laravel.
Bagus sekali materinya
Achmad Izzuddin
Aku adalah aku
Alhamdulillah setelah belajar mengerti banyak tentang vue, laravel, dan Rest Api. Semoga dapat mengimplentasikan ilmu yang di dapat.
Sugiono
Tetap semangat dan senyum hati
Alhamduliiah sangat mudah di pahami
M.Hidayatullah
Mahasiswa
Banyak ilmu yang didapat
syahrule eka ramdhani
syahryk

PENULIS

Fika Ridaul Maulayya

Halo teman-teman semuanya, perkenalkan saya Fika Ridaul Maulayya. Saya adalah seorang Web Developer | Content Creator | Founder SantriKoding.com
Saya juga aktif menulis artikel-artikel tentang pemrogramman dan membuat kelas online GRATIS di SantriKoding.com

BIAYA INVESTASI

Rp. 400.000

Rp. 350.000

  • Ebook Laravel, Inertia.js dan React.js
  • Source Code Studi Kasus
  • Private Group Member
  • Konsultasi Belajar
  • Kupon Diskon Hosting Riau Cyber Solution
Beli Sekarang

SUPPORTED BY