Membangun Toko Online Dengan Laravel, Vue Js dan Payment Gateway

5.0 (40 ulasan) 338 members

DISKON 13%

Rp. 350.000

Rp. 400.000


TENTANG

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 :

DAFTAR ISI

    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

TOOLS

Laravel

The PHP Framework for Web Artisans

Vue.js

JavaScript Framework

Midtrans

Payment Gateway

SCREENSHOTS


Homepage

Product List

Cart / Checkout

BENEFITS


Ebook

Souce Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Fika Ridaul Maulayya

Full-Stack Developer, Content Creator and CO-Founder SantriKoding.com

ULASAN MEMBERS

laodenajamuddin at SantriKoding

Saya Ayah Saida


Santri Coding tempat yg Sangat bagus untuk belajar Web, admin sangat ramah, fast respon, membantu bila ada kendala dalam belajar coding, Sukses untuk Santri Coding


Keren Materinya terstruktur dan mudah dipahami

Muhammad Hasan at SantriKoding

Belajar coding karena desakan ekonomi


keren ni ebooknya websitenya juga keren

Puguh Rismadi Ismail at SantriKoding

Bisnis Analis, Teacher


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


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..


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

yusman at SantriKoding

PENGAJAR SI SALAH SATU SEKOLAH KEJURUAN


good ebook.


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.

Haris Nurdiansyah at SantriKoding

Mahasiswa yang sedang menimba ilmu


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


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


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

Syahrizal AS at SantriKoding

Back End Developer


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


semangat mas fika, sukses selalu, mantab pokoknya


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

Iskandar Zulkarnain at SantriKoding

my name is iskandar


materi mudah difahami dengan bahasa sederhana