Ebook Membangun Webiste Toko Online Dengan Laravel, Nuxt.js (SSR + PWA) dan 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 dan Nuxt.js.

DEMO STUDI KASUS EBOOK

Demo Admin : https://nuxt-ecommerce-ssr.vercel.app/admin/login
Demo Web : https://nuxt-ecommerce-ssr.vercel.app/

Membangun Website Toko Online dari Nol dengan Laravel, Nuxt.js dan Payment Gateway !!!

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.

Nuxt.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 Nuxt.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, Nuxt.js dan Payment Gateway 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 akan belajar bersama-sama bagaimana cara membuat project website toko online dari 0 sampai Deployment (online). Dimana materinya akan membahas bagaimana cara membangun Restful API untuk admin menggunakan Laravel, membuat Authentication dengan JWT, membangun halaman Frontend menggunakan Nuxt.js dan integrasi pembayaran otomatis dengan Payment Gateway (Midtrans).

Setelah project website toko online yang kita bangun selesai, kita juga akan belajar bagaimana cara untuk melakukan proses Deployment project tersebut ke Shared Hosting (Laravel) dan juga Vercel (Nuxt.js SSR).

Daftar Isi

    Pendahuluan
  • Cover
  • Kata pengantar
  • License Buku
  • Tentang Buku
    Perancangan
  • Diagram Alur Aplikasi
  • Struktur dan Relasi Database
  • Wirefrime UI Desain Website
    Installasi & Persiapan Backend
  • Persiapan dan Persyaratan Tools
  • Membuat Project Baru Laravel Dengan Composer
  • Membuat Helpers di Laravel
  • Upgrade Versi Laravel
    Database
  • Koneksi Database di Laravel
  • Membuat Model dan Migration
  • Eloquent Relationships
  • Eloquent Accessors, Mutators & Casting
  • Membuat Data Seeder User
    RESTful API - Admin
  • Apa itu API ?
  • Apa itu JWT (Json Web Token) ?
  • Installasi dan Konfigurasi JWT untuk Admin
  • Membuat Restful API Login Admin
  • Membuat Restful API Dashboard Admin
  • Membuat Restful API CRUD Categories
  • Membuat Restful API CRUD Products
  • Membuat Restful API Invoices Admin
  • Membuat Restful API Customers
  • Membuat Restful API CRUD Sliders
  • Membuat Restful API CRUD Users
    RESTful API - Customer
  • Membuat Restful API Register Customer
  • Konfigurasi JWT untuk Customer
  • Membuat Restful API Login Customer
  • Membuat Restful API Dashboard Customer
  • Membuat Restful API Invoices Customer
  • Membuat Restful API Review Product
    RESTful API - Web
  • Membuat Restful API Categories Web
  • Membuat Restful API Products Web
  • Membuat Restful API Sliders Web
  • Installasi dan Konfigurasi Raja Ongkir
  • Membuat Restful API Raja Ongkir
  • Membuat Restful API Carts
  • Installasi dan Konfigurasi Midtrans
  • Membuat Restful API Checkout
  • Membuat Restful API Notifikasi Handler Payment Gateway
    Pengenalan Nuxt.js
  • Apa itu Nuxt.js ?
  • Installasi Nuxt.js
  • Memahami Struktur Folder di Nuxt.js
  • Rendering
  • Target Deployment
  • Routing
  • Meta Tags dan SEO
  • Data Fetching
    Pengenalan Vuex
  • Berkenalan Dengan Vuex
    Installasi & Persiapan Frontend
  • Membuat Project Baru di Nuxt.js
  • Kustomisasi Progress Bar di Nuxt.js
  • Konfigurasi SSR dan Target Deployment
  • Integrasi Dengan CSS dan JavaScript External (Template Dashboard CoreUI)
    Installasi & Konfigurasi Module
  • Installasi dan Konfigurasi Nuxt Auth
  • Membuat Middleware Role
  • Installasi dan Konfigurasi Vue Star Rating
  • Installasi dan Konfigurasi Chart.js
  • Installasi CKEDITOR dan Sweet Alert 2
  • Membuat Global Helpers dengan Mixins
    Halaman Admin
  • Membuat Proses Login Admin
  • Membuat Layout Admin
  • Membuat Halaman Dashboard
  • Konfigurasi Vuex Admin Category
  • Menampilkan Data Categories
  • Membuat Proses Insert Data Category
  • Membuat Proses Edit dan Update Data Category
  • Membuat Proses Delete Data Category
  • Konfigurasi Vuex Admin Product
  • Menampilkan Data Products
  • Membuat Proses Insert Data Product
  • Membuat Proses Edit dan Update Data Product
  • Membuat Proses Delete Data Product
  • konfigurasi Vuex Admin Invoice
  • Menampilkan Data Invoices
  • Menampilkan Detail Data Invoice
  • Konfigurasi Vuex Admin Customer
  • Menampilkan Data Customer
  • Konfigurasi Vuex Admin Slider
  • Menampilkan Data Sliders
  • Membuat Proses Insert Data Slider
  • Membuat Proses Delete Data Slider
  • Konfigurasi Vuex Admin User
  • Menampilkan Data Users
  • Membuat Proses Insert Data User
  • Membuat Proses Edit dan Update Data User
  • Membuat Proses Delete Data User
    Halaman Customer
  • Membuat Component Hader dan Footer
  • Membuat Layout Default
  • Membuat Proses Register Customer
  • Membuat Proses Login Customer
  • Membuat Halaman Dashboard Customer
  • Konfigurasi Vuex Customer Invoice
  • Menampilkan Data Invoice Customer
  • Menampilkan Detail Data Invoice Customer
  • Menampilkan Snap Payment Midtrans
  • Membuat Fitur Rating dan Review
    Halaman Web
  • Membuat Vuex Web Category
  • Menampilkan Categories di Header
  • Membuat Vuex Web Slider
  • Membuat dan Menampilkan Component Slider
  • Membuat Vuex Web Product
  • Menampilkan Products di Homepage
  • Menampilkan Index Data Products
  • Menampilkan Index Data Categories
  • Menampilkan Data Product Berdasarkan Category
  • Menampilkan Detail Data Product
  • Membuat Fitur Pencarian Product
  • Membuat Vuex Web Cart
  • Membuat Proses Add To Cart
  • Menampilkan Data Cart di Header
  • Menampilkan Cart Setelah Login dan Menghapus Cart Setelah Logout
  • Menampilkan Halaman Cart
  • Membuat Fungsi Remove Cart
  • Membuat Vuex Web RajaOngkir
  • Menghitung Biaya Ongkos Kirim
  • Membuat Proses Checkout
  • Melakukan Pembayaran Dengan Midtrans
  • Installasi dan Konfigurasi PWA
    Deployment
  • Deployment Project Laravel di cPanel (Shared Hosting)
  • Deployment Project Nuxt.js di Vercel (SSR)
  • Konfigurasi Notifikasi Handler Midtrans
    Penutup
  • Source Code
  • Penutup
    Pendahuluan
  • Cover
  • Kata pengantar
  • License Buku
  • Tentang Buku
    Perancangan
  • Diagram Alur Aplikasi
  • Struktur dan Relasi Database
  • Wirefrime UI Desain Website
    Installasi & Persiapan Backend
  • Persiapan dan Persyaratan Tools
  • Membuat Project Baru Laravel Dengan Composer
  • Membuat Helpers di Laravel
    Database
  • Koneksi Database di Laravel
  • Membuat Model dan Migration
  • Eloquent Relationships
  • Eloquent Accessors, Mutators & Casting
  • Membuat Data Seeder User
    RESTful API - Admin
  • Apa itu API ?
  • Apa itu JWT (Json Web Token) ?
  • Installasi dan Konfigurasi JWT untuk Admin
  • Membuat Restful API Login Admin
  • Membuat Restful API Dashboard Admin
  • Membuat Restful API CRUD Categories
  • Membuat Restful API CRUD Products
  • Membuat Restful API Invoices Admin
  • Membuat Restful API Customers
  • Membuat Restful API CRUD Sliders
  • Membuat Restful API CRUD Users
    RESTful API - Customer
  • Membuat Restful API Register Customer
  • Konfigurasi JWT untuk Customer
  • Membuat Restful API Login Customer
  • Membuat Restful API Dashboard Customer
  • Membuat Restful API Invoices Customer
  • Membuat Restful API Review Product
    RESTful API - Web
  • Membuat Restful API Categories Web
  • Membuat Restful API Products Web
  • Membuat Restful API Sliders Web
  • Installasi dan Konfigurasi Raja Ongkir
  • Membuat Restful API Raja Ongkir
  • Membuat Restful API Carts
  • Installasi dan Konfigurasi Midtrans
  • Membuat Restful API Checkout
  • Membuat Restful API Notifikasi Handler Payment Gateway
    Pengenalan Nuxt Js
  • Apa itu Nuxt.js ?
  • Installasi Nuxt.js
  • Memahami Struktur Folder di Nuxt.js
  • Rendering
  • Target Deployment
  • Routing
  • Meta Tags dan SEO
  • Data Fetching
    Pengenalan Vuex
  • Berkenalan Dengan Vuex
    Installasi & Persiapan Frontend
  • Membuat Project Baru di Nuxt.js
  • Kustomisasi Progress Bar di Nuxt.js
  • Konfigurasi SSR dan Target Deployment
  • Integrasi Dengan CSS dan JavaScript External (Template Dashboard CoreUI)
    Installasi & Konfigurasi Module
  • Installasi dan Konfigurasi Nuxt Auth
  • Membuat Middleware Role
  • Installasi dan Konfigurasi Vue Star Rating
  • Installasi dan Konfigurasi Chart.js
  • Installasi CKEDITOR dan Sweet Alert 2
  • Membuat Global Helpers dengan Mixins
    Halaman Admin
  • Membuat Proses Login Admin
  • Membuat Layout Admin
  • Membuat Halaman Dashboard
  • Konfigurasi Vuex Admin Category
  • Menampilkan Data Categories
  • Membuat Proses Insert Data Category
  • Membuat Proses Edit dan Update Data Category
  • Membuat Proses Delete Data Category
  • Konfigurasi Vuex Admin Product
  • Menampilkan Data Products
  • Membuat Proses Insert Data Product
  • Membuat Proses Edit dan Update Data Product
  • Membuat Proses Delete Data Product
  • Konfigurasi Vuex Admin Invoice
  • Menampilkan Data Invoices
  • Menampilkan Detail Data Invoice
  • Konfigurasi Vuex Admin Customer
  • Menampilkan Data Customer
  • Konfigurasi Vuex Admin Slider
  • Menampilkan Data Sliders
  • Membuat Proses Insert Data Slider
  • Membuat Proses Delete Data Slider
  • Konfigurasi Vuex Admin User
  • Menampilkan Data Users
  • Membuat Proses Insert Data User
  • Membuat Proses Edit dan Update Data User
  • Membuat Proses Delete Data User
    Halaman Customer
  • Membuat Component Hader dan Footer
  • Membuat Layout Default
  • Membuat Proses Register Customer
  • Membuat Proses Login Customer
  • Membuat Halaman Dashboard Customer
  • Konfigurasi Vuex Customer Invoice
  • Menampilkan Data Invoice Customer
  • Menampilkan Detail Data Invoice Customer
  • Menampilkan Snap Payment Midtrans
  • Membuat Fitur Rating dan Review
    Halaman Web
  • Membuat Vuex Web Category
  • Menampilkan Categories di Header
  • Membuat Vuex Web Slider
  • Membuat dan Menampilkan Component Slider
  • Membuat Vuex Web Product
  • Menampilkan Products di Homepage
  • Menampilkan Index Data Products
  • Menampilkan Index Data Categories
  • Menampilkan Data Product Berdasarkan Category
  • Menampilkan Detail Data Product
  • Membuat Fitur Pencarian Product
  • Membuat Vuex Web Cart
  • Membuat Proses Add To Cart
  • Menampilkan Data Cart di Header
  • Menampilkan Cart Setelah Login dan Menghapus Cart Setelah Logout
  • Menampilkan Halaman Cart
  • Membuat Fungsi Remove Cart
  • Membuat Vuex Web RajaOngkir
  • Menghitung Biaya Ongkos Kirim
  • Membuat Proses Checkout
  • Melakukan Pembayaran Dengan Midtrans
  • Installasi dan Konfigurasi PWA
    Deployment
  • Deployment Project Laravel di cPanel (Shared Hosting)
  • Deploy Project Nuxt.js di Vercel (SSR)
  • Konfigurasi Notifikasi Handler Midtrans
    Penutup
  • Source Code
  • Penutup

Berikut ini 6 materi utama yang akan di pelajari :

1. Laravel

  • Installation & Configuration
  • API Resource
  • Eloquent Relationships
  • Eloquent Accessor
  • Eloquent Mutators
  • Eloquent Casting
  • Database Seeder
  • Guzzel / Http Client
  • Integrasi RajaOngkir
  • Integrasi Payment Gateway

2. RESful API

  • Membuat RESTful API Authentication Admin JWT (Json Web Token)
  • Membuat RESTful API CRUD Data Categories (Admin)
  • Membuat RESTful API CRUD Data Products (Admin)
  • Membuat RESTful API CRUD Data Customers (Admin)
  • Membuat RESTful API CRUD Data Invoices (Admin)
  • Membuat RESTful API CRUD Data Sliders (Admin)
  • Membuat RESTful API CRUD Data Users (Admin)
  • Membuat RESTful API Statistik dan Grafik Dashboard (Admin)
  • Membuat RESTful API Authentication Customer JWT (Json Web Token)
  • Membuat RESTful API Data Invoices (Customer)
  • Membuat RESTful API Reviews (Customer)
  • Membuat RESTful API Statistik Dashboard (Customer)
  • Membuat RESTful API Data Categories (Web)
  • Membuat RESTful API Data Products (Web)
  • Membuat RESTful API Carts (Web)
  • Membuat RESTful API RajaOngkir (Web)
  • Membuat RESTful API Checkout (Web)
  • Membuat RESTful API Notifikasi Handler Midtrans (Web)

3. Nuxt.js

  • Installation & Configuration
  • Memahami Struktur Folder di Nuxt.js
  • Jenis Rendering (Static / Server)
  • Basic Routing dan Dynamic Routing
  • Meta Tags (SEO)
  • Data Fetching
  • Implementasi SSR (Server Side Rendering)
  • Implementasi Multiple Authentication JWT
  • Custom Middleware
  • Integrasi Template
  • Filtering Data
  • Axios, AsyncData dan Fetch
  • Integrasi Module CKEDITOR
  • Integrasi Module Sweet Alert2
  • Integrasi Module Chart.js
  • PWA (Progressive Web App)
  • Vuex (State Management)

4. Raja Ongkir

  • Menampilkan Data Provinsi
  • Menampilkan Data Kota berdasarkan Provinsi
  • Menghitung Biaya Ongkir Kirim

5. Payment Gateway (Midtrans)

  • Membuat Snap Token (Checkout)
  • Menampilkan SNAP PAY
  • Membuat Notifikasi Handler

6. Deployment

  • Deployment Laravel Project di Shared Hosting (cPanel)
  • Deployment Nuxt.js Project di Vercel (CI/CD)

APA KATA MEMBER TENTANG EBOOK DI SANTRI KODING ?

Luar biasa e-book nya, banyak metode baru yg diterapkan dan menurut pengamatan saya dari beberapa instruktur yang saya temui, implementasi di sin jauhi lebih simpel dan lebih mudah untuk di pahami
Mochammad Agus Idris
Belajar lebih baik
Teruslah Membaca walaupun belum memahaminya. Terimakasih kepada Santrikoding telah mengamalkan ilmunya. Berkat Santrikoding alhamdulillah pengetahuan saya bertambah, khususnya di ilmu pemrograman web.
Murtado
Saya Murtado, saya mempunyai minat belajar dan menyukai hal baru, pada programming.
Alhamdulillah, ebooknya sangat baik untuk pembelajaran dan pengalaman dapat bertambah setelah menggunakan ebook ini
SUMPENA ADI PUTRA
“Bila kau tak tahan lelahnya belajar, maka kau harus tahan menanggung perihnya kebodohan” — Imam Syafi’i
penjelasannya bagus dan mudah dimengerti
Anon nymous
Saya adalah seorang programmer pemula
materi sudah lumayan bagus, semoga terus diupdate sesuai perkembangan teknologi sekarang.
Muhammad Davi
Freelance Web Developer
bukunya keren dan dijelaskan detail dari dasar2 dari awal dengan contoh2 detail,thanks
Dedi Handoko
Saya kuliah dan bekerja di bidang IT khususnya pengembangan layanan IT. Bergabung disini untuk mendapatkan update dan literatur terbaru tentang pemrograman.
sangat bermanfaat dan sangat membantu bagi saya yg masih pemula
Rizal Amin Natasolusi
Bagian yang paling menonjol dari kursus ini adalah integrasi payment gateway, yang memungkinkan untuk mengimplementasikan berbagai metode pembayaran dengan mudah dan aman. Instruksi yang jelas, contoh yang relevan, dan pendekatan pembelajaran berbasis proyek menjadikan kursus ini sangat bermanfaat. Baik Anda seorang developer yang berpengalaman atau pemula yang ingin mendalami full-stack development, kursus ini memberikan pengetahuan dan keterampilan yang diperlukan untuk membangun aplikasi e-commerce yang profesional.
Elnandi Nur
I am a passionate developer with experience in various programming languages and technologies. I love solving complex problems and creating innovative solutions. a passionate Full Stack Developer with a strong background in both front-end and back-end development. I enjoy building scalable web applications and continuously learning new technologies to improve my skills.
Ebooknya keren terus kalo kalian kurang paham sama materianya bisa dibantu langsung sama mas Fika, keren banget pokoknya
Muhammad Jaya Saputra
sangat membantu meningkatkan skill
dina
saat ini, aku berkedudukan sebagai school administration staff in SMPN 4 Tanggul, Jember, Jawa Timur. Berjalan 12 bulan disana, banyak pengalaman yang bisa aku dapatkan termasuk mempelajari web dari nol. maka dari itu, aku ingin memperdalam ilmu programming yang aku punya bersama SantriKoding.Com
TWERBAEKKK! ISTIMIWIRR!!
Rizki Januar Irmansyah
Mulai aja dulu!
Gampang dan mudah dimengerti
Lord Rings
Programmer Pemula
mantap materintya
Faridudin Arrido
tes
Gokil
Syahril Haryono
Belajar menjadi Web Developer

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 dan Nuxt.js
  • Source Code Studi Kasus
  • Private Group Member
  • Konsultasi Belajar
  • Kupon Diskon Hosting Riau Cyber Solution
Beli Sekarang

SUPPORTED BY