Logo
© 2019 - 2026 SantriKoding.
Menengah

Membangun Website CMS Dengan Laravel dan Nuxt Js

4.9 (16 ulasan)
150 members
DISKON 13%
Rp. 400.000
Rp. 350.000

TENTANG


Di dalam buku ini kita bersama-sama akan belajar bagaimana cara membangun sebuah website CMS (Content Management System) menggunakan Laravel dan juga Nuxt Js. Untuk Laravel akan kita gunakan sebagai Backend yang menyediakan web service berupa Rest API. Kemudian untuk Nuxt Js akan kita gunakan sebagai Frontend untuk mengelola Rest API yang sudah dibuat.

Dan di dalam buku ini kita benar-benar akan belajar dari 0 bagaimana cara membangun website CMS tersebut sampai ke tahap deployment production atau proses mengonlinekan project agar dapat diakses secara global di internet.

Di dalam buku ini akan kita fokuskan ke dalam 3 bab utama, yaitu proses membangun Backend untuk web service Rest API menggunakan Laravel, mengintegrasikan Rest API yang sudah dibuat di Laravel ke dalam Nuxt Js dan yang terakhir melakukan proses deployment ke tahap production.

Dimana di dalam bab Laravel kita akan belajar banyak hal, seperti bagaimana cara menginstall Laravel menggunakan Composer, membuat table database menggunakan Migration, memanipulasi data yang akan ditampilkan menggunakan Accessor, membuat Relationship untuk menghubungkan beberapa table menjadi satu, menggunakan JWT atau (Json Web Token) sebagai otentikasi di dalam Rest API, membuat format Rest API dengan standart yang baik menggunakan API Resources dan masih banyak lagi.

Sedangkan untuk bab Nuxt Js kita juga akan belajar banyak hal, seperti bagaiaman membuat project Nuxt Js baru, menginstall beberapa module, membuat otentikasi berbasis JWT atau (Json Web Token), menampilkan data menggunakan SSR atau (server side rendering) sehingga website CMS tersebut lebih baik dari sisi SEO atau (search engine optimization), membuat fitur pencarian data, pagination dan masih banyak lagi.

Kita juga akan belajar mengintegrasikan tema Dashboard di dalam Nuxt Js sebagai user interface atau tampilan antar mukan untuk website CMS tersebut. Dan kita akan integrasikan juga menggunakan Bootstrap Vue agar kita dapat menggunakan beberapa component Bootstrap untuk mempermudah dalam pengembangan project sekala besar.

Dan Terakhir, di bab Deployment kita akan belajar bagaimana cara mengonlinekan project yang sudah dibuat agar dapat diakses oleh semua orang di internet, untuk Laravel akan kita deploy ke dalam Shared Hosting dan untuk Nuxt Js akan kita deploy ke Vercel.


DEMO PROJECT :

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

TOOLS

Tools yang digunakan dalam course ini

Laravel
Laravel

The PHP Framework for Web Artisans

See More
Nuxt.js
Nuxt.js

Vue.js Framework

See More
Bootstrap Vue
Bootstrap Vue

Bootstrap component

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Homepage
Homepage
Detail Post
Detail Post
Add Post
Add Post

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Source Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

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

"Alhamdulillah, sudah beberapa tahun saya selalu membuka website santrikoding untuk mengasah pelajaran yang saya ambil di santrikoding tanpa ada kendala di websitenya, semoga berkah. terimakasih"

Kang Afif

No bio available

"sangat jelas dan membantu..support group nya juga keren"

Muhammad Azuan

No bio available

"Tutorial Sangat Mudah dipahami, sangat bagus"

Widya Pratama

Guru kimia yang mencintai dunia koding dan be...

"Materi mudah dipahami dan diaplikasikan dalam bentuk yang lain"

Syahril Haryono

Belajar menjadi Web Developer

"Sangat mudah dipahami"

Egi Alfarizi

Saya Egi Alfarizi, Panggilan John/Egi. Pendid...

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

Pesantren Attahdzib

Semoga kita semua diridhoi

"Bagus, Mantap"

Supardi

Full Stack Developer

"Materi sangat terstruktur dan mudah dipahami bagi pemula."

Yohanes Dwiki Septian

No bio available

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

Semuel Yacobus Padang

Gunakan ilmu-mu untuk KOLABORASI bukan kompet...

"Sangat mudah dimengerti, sangat mudah berkreasi setelah menyelesaikan materi"

Subroto Yudha Harsanto

Front-end Developer

"Penjelasan sangat detail dan muda dipahami"

"mantab, banyak ilmu baru yang saya peroleh"

Dedy Setiawan

network engineer yang suka belajar coding

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

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

Dodi Hercandra

Junior Develop

"Untuk pemula, modul ini sangat membantu. harus rajin membaca aja dan aktif bertanya di private groupnya. Di jawab dan dikasih solusi kok sama adminnya."

Hizbullah Najihan

Web Developer Enthusiast

"Kadang kode nya sudah tidak relevan, tapi tetep mantp"

Butuh Bantuan?