DEMO STUDI KASUS EBOOK

Demo Back-End : https://cms-api.appdev.my.id/

Demo Front-End : https://nuxt-cms-ssr.vercel.app/

Belajar Membangun Website CMS Dari Nol Dengan Laravel dan Nuxt.js !!!

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.

Dengan buku ini kita dituntun menjadi seorang FullStack Web Developer menggunakan Laravel dan Nuxt.js dengan studi kasus langsung membangun sebuah website CMS 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 CMS 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.

Setelah project website CMS 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 Database
Wirefrime UI Desian Website

Installasi & Persiapan Backend

Persiapan dan Persyaratan
Membuat Project Laravel baru dengan Composer
Upgrade Versi Laravel

Database

Koneksi Database
Membuat Model dan Migration
Eloquent Relationships
Eloquent Mutators & Casting
Membuat Data Seeder User

RESTful API - Admin

Apa itu JWT (Json Web Token) ?
Installasi dan Konfigurasi JWT
Membuat RESTful API Authentication
Membuat RESTful API CRUD Tags
Membuat RESTful API CRUD Categories
Membuat RESTful API CRUD Posts
Membuat RESTful API CRUD menus
Membuat RESTful API CRUD Sliders
Membuat RESTful API CRUD Users
Membuat RESTful API Dashboard

RESTful API - Web

Membuat RESTful API Tags
Membuat RESTful API Categories
Membuat RESTful API Posts
Membuat RESTful API Menus
Membuat RESTful API Sliders

Pengenalan Nuxt Js

Apa itu Nuxt Js ?
Installasi Nuxt Js
Struktur Folder di Nuxt Js
Rendering
Target Deployment
Routing
Meta Tags dan SEO
Data Fetching

Installasi & Persiapan Frontend

Membuat Project Baru di Nuxt.js
Installasi dan KOnfigurasi Module yang Dibutuhkan
Integrasi CSS dan JavaScript Template

Halaman Admin

Membuat Authentication di Nuxt.js
Membuat Layout Admin
Membuat Halaman Dashboard
Menampilkan Data Tags
Membuat Proses Insert Data Tag
Membuat Proses Edit dan Update Data Tag
Menampilkan Data Categories
Membuat Proses Insert Data Category
Membuat Proses Edit dan Update Data Category
Menampilkan Data Posts
Membuat Proses Insert Data Post
Membuat Proses Edit dan Update Data Post
Menampilkan Data Menus
Membuat Proses Insert Data Menu
Membuat Proses Edit dan Update Data Menu
Menampilkan Data Sliders
Membuat Proses Upload Data Slider
Menampilkan Data Users
Membuat Proses Insert Data User
Membuat Proses Edit dan Update Data User

Halaman Web

Membuat Component Navbar, Slider dan Footer Web
Membuat Layout Web
Menampilkan Data Sliders, Posts, Categories dan Tags di Homepage
Menampilkan Index Data Posts
Menampilkan Data Post Berdasarkan Category
Menampilkan Data Post Berdasarkan Tag
Menampilkan Detail Data Post
Mengirim Komentar untuk Post
Membuat Fitur Pencarian

Deployment

Deploy Project Laravel di Shared Hosting (cPanel)
Deploy Project Nuxt.js di Vercel (SSR)

Penutup

Source Code
Penutup

1. Laravel

Installation & Configuration
API Resource
Eloquent Relationships
Eloquent Accessor
Eloquent Mutators
Eloquent Casting
Database Seeder

2. RESful API

Membuat RESTful API Authentication JWT (Json Web Token)
Membuat RESTful API CRUD Data Tags (Admin)
Membuat RESTful API CRUD Data Categories (Admin)
Membuat RESTful API CRUD Data Posts (Admin)
Membuat RESTful API CRUD Data Menus (Admin)
Membuat RESTful API CRUD Data Sliders (Admin)
Membuat RESTful API CRUD Data Users (Admin)
Membuat RESTful API Statistik Dashboard (Admin)

Membuat RESTful API Data Tags (Web)
Membuat RESTful API Data Categories (Web)
Membuat RESTful API Data Posts (Web)
Membuat RESTful API Data Comments (Web)
Membuat RESTful API Data Sliders (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 Authentication JWT
Integrasi Template
Filtering Data
Axios, AsyncData dan Fetch
Integrasi Module CKEDITOR
Integrasi Module Sweet Alert2

4. Deployment

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

APA KATA MEMBER TENTANG EBOOK DI SANTRI KODING ?

mantab, banyak ilmu baru yang saya peroleh

syahrule eka ramdhani

Materi yang diajarkan pada ebook ini sangat terstruktur dan mudah untuk dipahami. Yang paling penting adalah support dan group diskusi yang langsung direspon oleh mas Fika membuat proses belajar lebih lebih cepat. Mantap pokoknya...

Dedy Setiawan

Sangat menarik, pembahasan sangat mudah dipahami dan materi diajarkan secara terstruktur. Worth it banget kalau mau balajar pakek ebook ini

Yohanes Dwiki Septian

tutorial mantap, berharap di ebook selanjutnya bisa Laravel + Nuxt Js + Tailwind Css dengan pengaturan management menu CRUD hak ases nya. Modal nya juga jgn lupa ya bang hehe

Diar Gumilang Suhendi

Penjelasan sangat detail dan muda dipahami

Subroto Yudha Harsanto

Front-end Developer

Sangat mudah dimengerti, sangat mudah berkreasi setelah menyelesaikan materi

Semuel Yacobus Padang

Gunakan ilmu-mu untuk KOLABORASI bukan kompetisi

Terimakasih santrikoding, website nya udah berjalan lancar. Terimakasih udah di bimbing dari nol. Walaupun tanpa basic coding juga Alhamdulillah lancar karna step by step nya detail bgt

Egi Alfarizi

Bagus, Mantap

Pesantren Attahdzib

Semoga kita semua diridhoi

Materi sangat terstruktur dan mudah dipahami bagi pemula.

Supardi

Full Stack Developer

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

PELAJAR

Rp. 300.000 Kartu Pelajar

Ebook Laravel dan Nuxt.js
Source Code Studi Kasus
Private Group Member
Konsultasi Belajar
Kupon Diskon Hosting Riau Cyber Solution

Beli Sekarang

UMUM

Rp. 350.000

Ebook Laravel dan Nuxt.js
Source Code Studi Kasus
Private Group Member
Konsultasi Belajar
Kupon Diskon Hosting Riau Cyber Solution