Logo
© 2019 - 2026 SantriKoding.
GRATIS
FullStack Developer dengan Rust dan Vue
Pemula

FullStack Developer dengan Rust dan Vue

5.0 (8 ulasan)
708 members
Gratis

TENTANG


eBook ini berjudul “FullStack Developer dengan Rust dan Vue” dan dibuat khusus untuk para developer pemula yang ingin menguasai skill FullStack Development menggunakan dua teknologi modern yang kuat dan semakin populer, yaitu Rust di sisi backend dan Vue + TypeScript di sisi frontend.

Rust adalah bahasa pemrograman modern yang dikenal dengan performa tinggi, keamanan memori tanpa garbage collector, serta reliabilitas yang sangat baik. Rust sangat cocok digunakan untuk membangun backend API yang cepat, aman, dan stabil, termasuk untuk kebutuhan aplikasi berskala besar dan production-ready.

Dalam eBook ini, Rust akan digunakan bersama Axum, framework web modern yang ringan dan fleksibel, serta SQLx untuk berinteraksi dengan database secara aman dan terstruktur.

Di sisi frontend, kita akan menggunakan Vue dengan TypeScript untuk membangun antarmuka pengguna yang interaktif. TypeScript membantu menjaga kualitas kode dengan sistem pengetikan statis, sehingga sangat cocok untuk pengembangan aplikasi jangka panjang.

Untuk pengelolaan data dari API, kita akan memanfaatkan TanStack Query, library yang powerful untuk data fetching, caching, dan state synchronization, sehingga integrasi antara frontend dan backend menjadi lebih efisien dan terstruktur.

Berikut ini adalah daftar materi yang akan kita pelajari secara bertahap dan sistematis:

  • Pengenalan dan Fundamental Rust (Prasyarat)
  • Setup Project Backend Rust
  • Struktur Folder dan Arsitektur Backend
  • Live Reload Backend Rust untuk Development
  • Pengenalan Axum sebagai Web Framework
  • Konfigurasi Environment dan Config Aplikasi
  • Koneksi Database dengan SQLx
  • Database Migration Menggunakan SQLx
  • Membuat Response API yang Konsisten
  • Membuat Schema (Register, Login, User)
  • Validasi Request Menggunakan Validator
  • Hashing Password dengan Bcrypt
  • Autentikasi Menggunakan JWT (JSON Web Token)
  • Membuat Middleware JWT
  • Membangun RESTful API Authentication (Register & Login)
  • Membangun RESTful API CRUD User (Create, Read, Update, Delete)
  • Proteksi Endpoint dengan Middleware Auth
  • Konfigurasi CORS
  • Instalasi dan Setup Project Vue + TypeScript
  • Integrasi Backend API ke Frontend
  • Autentikasi di Frontend
  • Manajemen State dan Fetching Data dengan TanStack Query
  • Routing Menggunakan Vue Router
  • CRUD Data User dari Frontend
  • Studi Kasus Integrasi FullStack (Backend + Frontend)

Semoga dengan hadirnya eBook ini, teman-teman dapat memahami alur pengembangan aplikasi FullStack secara utuh, mulai dari setup backend Rust yang profesional, pengelolaan database dengan migration, live reload saat development, hingga integrasi frontend modern.

Terima kasih

DAFTAR ISI


Pendahuluan
Cover
Kata Pengantar
Lisensi
Tentang
Prasyarat
Prasyarat Backend (Rust)
Prasyarat Frontend (Vue)
Installasi & Persiapan Backend (Rust)
Installasi Rust
Membuat Project Rust
Konfigurasi Live Reload Rust
Installasi Dependency
Konfigurasi File .env
Database
Konfigurasi Database
Membuat Model dan Migration User
JWT (JSON Web Token)
Apa itu JWT?
Membuat Helpers JWT
Membuat Helper API Response
Membuat Middleware JWT
RESTful API Auth
Membuat Schema Register
Membuat RESTful API untuk Register
Membuat Schema Login
Membuat RESTful API untuk Login
RESTful API Users
Membuat RESTful API Get Data Users
Membuat Schema User Store Request
Membuat RESTful API Insert Data User
Membuat RESTful API Get Data User By ID
Membuat Schema User Update Request
Membuat RESTful API Update Data User
Membuat RESTful API Delete Data User
Konfigurasi CORS
Installasi & Persiapan Frontend (Vue)
Membuat Project Vue (TypeScript)
Install Library Pendukung
Konfigurasi Endpoint API Backend
Integrasi Bootstrap
TanStack Query
Apa itu TanStack Query ?
Install dan Konfigurasi TanStack Query
Composable Auth
Membuat Composable Register (Mutation)
Membuat Composable Login (Mutation)
Membuat Composable Auth User
Membuat Custom Hook Logout
Authentication
Membuat View dan Route untuk Auth
Membuat Proses Register
Membuat Proses Login
Halaman Dashboard
Membuat View dan Route untuk Dashboard
Menampilkan User di Halaman Dashboard
Membuat Proses Logout
Composable User
Membuat Composable Users (Query)
Membuat Composable User Create (Mutation)
Membuat Composable User By Id (Query)
Membuat Composable User Update (Mutation)
Membuat Composable User Delete (Mutation)
CRUD Data Users
Menampilkan List Data Users
Membuat Proses Create Data User
Membuat Proses Edit dan Update Data User
Membuat Proses Delete Data User
Penutup
Donasi
Promosi
Penutup

TOOLS

Tools yang digunakan dalam course ini

Rust
Rust

Rust is blazingly fast and memory-efficient

See More
Vue Js
Vue Js

The Progressive JavaScript Framework

See More
TypeScript
TypeScript

strongly typed programming language

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Home
Home
Users Index
Users Index
Login
Login

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Private Group Member

Update Materi

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Tim expert yang menyusun course ini

Fika Ridaul Maulayya
Fika Ridaul Maulayya
PREMIUM MEMBER

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


ULASAN MEMBERS

Apa kata mereka tentang course ini

suherman xor

Fullstack Developer

"Materinya bagus"

Rizqi Nur Rifa'i

No bio available

"Lagi ngedalemin bahasa rust nemu artikel di group fb dan merujuk ke santri koding, penjelasannya sangat mudah di pahami. terimakasih untuk ilmunya mas semoga berkah dan bermanfaat untuk orang lain"

Syahril Haryono

Belajar menjadi Web Developer

"Sangat bermanfaat"

ahmad dhohir azhari

Fullstack Developer

"keren materi mudah dipahami"

Aries Dian Pratama

No bio available

"Membantu dalam mempelajari hal baru"

Zero F

https://github.com/zerofinding

"Jazakallahu khairan wa barakallahu fiik (Semoga Allah membalas kebaikanmu dan memberkahimu) Masya Allah, la quwwata illa billah (Sungguh atas kehendak Allah, semua ini terwujud)"

m khafid bahtiar

Passionate about creating innovative solution...

"Cukup bagus dan mudah untuk dipahami"

Muhammad Haikal Basri

ingin jadi fullstack

"barakallah ya bang"