Membangun Toko Online Dengan Laravel, Vue Js dan Payment Gateway

5.0 (39 ulasan) 334 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 :

DISUSUN OLEH

Fika Ridaul Maulayya

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

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

Dapatkan ebook sekarang untuk dapat mengikuti pembelajaran

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

ULASAN MEMBERS


Materi berkualitas, tidak sia-sia beli ebook ini

Hari Priswanto at SantriKoding

Technical Documentation, Full Stack Developer


luar biasa sih ini.. detail banget materi nya,. dan support nya full.. private via chat telegram.. recomended banget pokok nya.

Yudi Purwanto at SantriKoding

Backend Dev


Terima kasih sudah memberikan ilmu ke kami guru

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,

Maftuh Ichsan at SantriKoding

Hendaklah engkau semangat melakukan apa yang bermanfaat...


Sangat mudah dipahami dan selalu update seandainya ada versi terbaru. Terima kasih

iskandar at SantriKoding

my name is iskandar


materi mudah difahami dengan bahasa sederhana

Riki Krismawan at SantriKoding

Orang yang suka meraba komputer dan menghisap oxygen


Ilmu. yang sangat bermanfaat untuk saya. Terimakasih mas Fika

Bambang Sutejo at SantriKoding

Kang Ngopi (Tukang Ngoding Pinggiran)


Mantap.... Terimakasih santrikoding.com .


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


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

Yasin Yusuf at SantriKoding

saya adalah aku


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


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.


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

Wawan Setiawan at SantriKoding

Fakir Ilmu yang terus belajar


mantap materi daging semua vue js ini sangat mudah dipahami cocok banget ebbok ini yang ingin mendalamai laravel dan vue js, poin plus nya jika ada kesulitan atau error mentor sigap merespon bahkan diluar materi ebook pun masih bisa menjawab dan memberikan arahan, sukses terus santrikoding semoga bisa terus jadi santri disini, amiinn

Puguh Rismadi Ismail at SantriKoding

Bisnis Analis, Teacher


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

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!


semangat mas fika, sukses selalu, mantab pokoknya


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


penjelasannya terstruktur, codenya juga rapi, dan mudah dipahami


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.

yusman at SantriKoding

PENGAJAR SI SALAH SATU SEKOLAH KEJURUAN


good ebook.


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

Muhammad Hasan at SantriKoding

Belajar coding karena desakan ekonomi


keren ni ebooknya websitenya juga keren


Keren Materinya terstruktur dan mudah dipahami

Wirangga Bernandi Nyarong at SantriKoding

Saya seorang IT App Developer


Modul sangat baik dan sangat bermanfaat untuk menambah pengetahuan, wawasan, dan portofolio

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


Jazakallah khairan atas materinya yg struktur dan jelas cepat dimengerti, santrikoding terbaik sukses selalu


penyampaian materi mudah dipahami dan friendly utk pemula, saya belajar statement manajemen vue dan saya akhirnya paham dari pada hanya menonton video tutorial

Tito Candra at SantriKoding

Saya Web Developer/Fullstack Developer Dari Surabaya/Si...


Buku sangat bagus dan mudah dipahami. Terimakasih

Eka Bagus Fernadi at SantriKoding

I am a student


Materi sangat bermanfaat dan mudah dimengerti