Membangun Toko Online Dengan Laravel, Vue Js dan Payment Gateway

4.9 (17 rating) 122 members

Rp. 350.000

Fika Ridaul Maulayya

Author of This Ebook

wave
wave

Di dalam buku ini kita akan belajar bersama-sama bagaimana cara membuat project Toko Online dari 0 sampai online. Dimana materinya akan dibagi menjadi 5 bagian utama, yaitu bagaimana cara membangun halaman admin menggunakan Laravel, membuat RESTful API (JWT), membangun halaman Frontend menggunakan Vue Js, mengintegrasikan dengan Raja Ongkir untuk mendapatkan biaya ongkos kirim secara otomatis dan yang terakhir adalah mengimplementasikan Payment Gateway menggunakan Midtrans. Payment Gateway akan kita manfaatkan untuk proses pembayaran dari website yang kita bangun, sehingga bisa menjadi otomatis dan lebih mudah. Dengan menerapkan Payment Gateway, kita bisa melakukan pembayaran melalui banyak cara, diantaranya seperti:

  • Credit Card
  • GoPay
  • Alfamart
  • Indomaret
  • Virtual Account
  • Bank Transfer
  • Dan lain-lain.

Keuntungan menggunakan Payment Gateway kita tidak perlu manual melakukan verifikasi pembayaran yang dilakukan oleh customer, karena semua sudah otomatis di handle dari Payment Gateway tersebut.

Di dalam halaman admin atau Backend kita semua akan fokus mempelajari bagaimana cara membuat authentication beserta Two Factor Auth, CRUD category, products dan manajemen data order masuk. Kita juga akan membuat statistik pendapatan.

Kemudian setelah kita selesai membangun halaman Admin, maka sekarang kita akan lanjutkan untuk proses membangun RESTful API. RESTful API akan kita gunakan untuk proses bertukar data antara Backend (Laravel) dan Frontend (Vue Js).

Di sini kita akan belajar membuat RESTful API untuk proses Authentication Customer menggunakan JWT atau JSON Web Token, seperti proses Register dan Login. Kita juga akan memanfaatkan RESTful API untuk membuat proses Add to Cart, Checkout, Payment, Rajaongkir dan semua service yang dilakukan di halaman Frontend. Di dalam Vue Js kita akan menggunakan Vuex sebagai state management yang terpusat dan Composition API untuk kode yang bisa digunakan berulang-ulang di dalam component lain (reusable).

Setelah project Toko Online yang kita bangun selesai, kita juga akan belajar bagaimana cara untuk melakukan proses deployment project tersebut ke Shared Hosting (Laravel) dan juga Netlify (Vue Js).


DEMO PROJECT :



    Pendahuluan

  • Cover
  • Kata Pengantar
  • License
  • Tentang Buku

    Installasi & Persiapan BackEnd

  • Persiapan
  • Membuat Project Laravel
  • Upgrade Versi Laravel
  • Membuat Helpers

    Database

  • Struktur Database
  • Koneksi Database
  • Membuat Model dan Migration
  • Eloquent Relationships
  • Membuat Data Seeder User

    Authentication

  • Tentang Laravel Fortify
  • Installasi dan Konfigurasi Laravel Fortify
  • Membuat Proses Login
  • Membuat Forgot dan Reset Password

    Halaman BackEnd

  • Halaman Dashboard
  • Membuat CRUD Category
  • Membuat CRUD Product
  • Membuat Halaman Manajemen Order
  • Menampilkan Data Customer
  • Membuat CRUD Slider
  • Profile User dan Two Factor Authentication
  • Membuat CRUD Users

    RESTful API

  • Tentang JWT (Json Web Token)
  • Installasi dan Konfigurasi JWT
  • Membuat RESTful API Authentication Customer
  • Membuat RESTful API Data Order Customer
  • Membuat RESTful API Data Category
  • Membuat RESTful API Data Product
  • Membuat RESTful API Cart
  • Installasi dan Konfigurasi Raja Ongkir
  • Membuat RESTful API Raja Ongkir
  • Installasi dan Konfigurasi Midtrans
  • Membuat RESTful API Checkout dan Payment Gateway
  • Membuat RESTful API Data Slider

    Pengenalan Vue Js dan Vuex

  • Berkenalan Dengan Vue Js
  • Composition API dan Reactivity API di Vue Js
  • Lifecycle Hooks di Vue Js
  • Berkenalan Dengan Vuex
  • Membuat Aplikasi Dengan Vuex

    Installasi & Persiapan FrontEnd

  • Installasi dan Persiapan Front-End
  • Membuat Project Vue Js
  • Installasi Vue Router, Vuex, Axios
  • Konfigurasi Global Function Dengan Mixins
  • Templating Dengan Bootstrap
  • Membuat Component Header dan Footer

    Halaman Customer

  • Konfigurasi Global API Endpoint
  • Konfigurasi Vue Router untuk Authentication
  • Konfigurasi Module Auth Vuex
  • Membuat Proses Register Customer
  • Membuat Halaman Dashboard Customer
  • Membuat Proses Logout Customer
  • Membuat Proses Login Customer
  • Konfigurasi Vue Router untuk Order
  • Konfigurasi Module Order Vuex
  • Menampilkan Data Order Customer

    Halaman FrontEnd

  • Menampilkan Category dan Slider di Halaman Homepage
  • Menampilkan Product di Halaman Homepage
  • Menampilkan Kategori
  • Menampilkan Product By Kategori
  • Membuat Halaman Detail Product
  • Membuat Fitur Add to Cart
  • Menampilkan Data Cart di Header
  • Menampilkan Halaman Cart
  • Membuat Fungsi Remove Cart
  • Menghitung Biaya Ongkos Kirim
  • Membuat Proses Checkout dan Payment Gateway

    Deployment

  • Deploy Project Laravel di Shared Hosting (Cpanel)
  • Deploy Project Vue Js di Netlify
  • Konfigurasi Notifikasi Handler Midtrans

    Penutup

  • Source Code
  • Kesimpulan
  • HistorI Revisi Buku

Dapatkan ebook sekarang untuk dapat mengikuti pembelajaran

BENEFIT


Ebook

Souce Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

ULASAN MEMBERS

Terima kasih sudah memberikan ilmu ke kami guru

Yudi Purwanto
Newbie :(
Mantap.... Terimakasih santrikoding.com .

Bambang Sutejo
Kang Ngopi (Tukang Ngoding Pinggiran)
Urutan belajarnya sangat taratur cocok untuk beginer, respon di grub juga sangat bagus, semua pertanyaan bisa terjawab oleh instruktur. semoga santri koding makin maju dan memajukan. Terimakasih santrikoding.com

yasin Yusuf
materi mudah difahami dengan bahasa sederhana

iskandar
materi nya jelas dan penjelasan nya jelas sekali. saya sangat merekomendasikan ke teman teman

Adhitya Rangga Putra
semangat mas fika, sukses selalu, mantab pokoknya

adityo
materi yang di sampaikan mudah di mengerti, response yang sangat bagus dari mentor klo ada kendala error atau belum di pahami, terimakasih santri koding,

Syahrizal Alisadikin
Saya menyukai hal baru
Ebooknya sangat lengkap (sesuai dengan materi yang di tawarkan di awal). Sangat terbantu dengan grup diskusi telegramnya, mas fika sangat solutif. Tapi saran untuk yang belum belajar basic laravel dan vue di pelajari dulu sebelum mengerjakan project dalam ebook ini agar tidak kaget. Mantaps

Arnold Therigan
Assalamu'alikum warahmatullahi Wabarakatuh. Saya telah lama membaca web santri kodinghttps://santrikoding.com, sehingga saya langsung percaya apa yang disajikan dalam ebook laravel-vue-payment-gateway, dan sesuai dengan apa yang saya cari, saya ingin memiliki web e-commmer seperti orang lain, disini kita bisa berkomunikasi langsung dengan mas Fika Ridaul Maulayya, semoga https://santrikoding.com semakin berjaya kedepannya, semoga ilmu Mas Fika Ridaul Maulayya berkah untuk kita semau, amin

muqadir
admin fast response untuk konsultasi tidak lepas tanggung jawab, bisa tanya2 lewat grup telegram jika ada kendala, cuma minta dilengkapi aja materinya seperti check token dan refresh token jwtnya, karena bagi yang baru belajar menggunakan token jwt agak membingungkan. selebihnya materi sudah oke, jika sudah ada tambahan materinya dan ulasan bisa d edit nanti dilengkapi bintangnya.

Budiyanto Restiawan
Buku yang recommend banget buat yang mau belajar tentang Laravel advance, vue dan payment gateway dari Midtrans. Top!

Bagus Pudji Rahardjo
Mahasiswa yang sedang menimba ilmu
sangat terbantu dengan kehadiran e-book ini. Kalau beli juga bisa join grup khusus dan semua member termasuk authornya sangat baik dan suka membantu sesama. Worthed banget dengan harga segini.

Reinhart Christian
good ebook.

yusman
Keren

Febrian Dwi Putra
manusia bertipe data laki-laki
Buku keren serta mentor yang beda dari yang lain,yg mau membantu bahkan di luar ebook , sangat cepat dan tanggap ,luar biasa karna tidak ada mentor online yg seperti ini , buat temen temen saya yakin ga bakal nyesel ,ini kalo ada bintang 100 saya kasih bintang 100 hehehe

Cahyo fajar pamungkas
tempat belajar recomended. materi nya keren dan up to date, ebooknya gampang dimengerti, dan yang paling luar biasa Mas Fika sebagai mentornya ramah sekali dan sabar mengajarkan pelan", kalau ada problem cepat sekali responnya. Pasti tak tunggu kelas" yang lain.. Jaya selalu santri koding..

Agus Sarjana
Materinya lengkap, jelas, dan mudah di pahami , pendampingan mentor sangat responsive , terimakasih santri koding

Puguh Rismadi Ismail
seorang pengajar web di SMK Taruna Bhakti Depok