Membangun Website CMS Dengan Laravel dan Nuxt Js

Membangun Website CMS Dengan Laravel dan Nuxt Js

Di dalam kelas 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.

BEGINNER0 penilaian6 peserta

Tentang Kelas

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 tabel 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 standar yang baik menggunakan API Resources dan masih banyak lagi.

Sedangkan untuk bab Nuxt Js kita juga akan belajar banyak hal, seperti bagaimana membuat project Nuxt Js baru, menginstal 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 muka untuk website CMS tersebut. Dan kita akan integrasikan juga menggunakan Bootstrap Vue agar kita dapat menggunakan beberapa component Bootstrap untuk mempermudah dalam pengembangan project skala 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 : BackEnd : http://cms-api.appdev.my.id/ FrontEnd : https://nuxt-cms-ssr.vercel.app/

Daftar Materi

Cover00.00
Kata Pengantar00.00
License Buku00.00
Tentang Buku00.00

Diagram Alur Aplikasi00.00
Struktur Database00.00
Wirefrime UI Desian Website00.00

Persiapan dan Persyaratan00.00
Membuat Project Laravel baru dengan Composer00.00
Upgrade Versi Laravel00.00

Koneksi Database00.00
Membuat Model dan Migration00.00
Eloquent Relationships00.00
Eloquent Mutators & Casting00.00
Membuat Data Seeder User00.00

Apa itu JWT (Json Web Token) ?00.00
Installasi dan Konfigurasi JWT00.00
Membuat RESTful API Authentication00.00
Membuat RESTful API CRUD Tags00.00
Membuat RESTful API CRUD Categories00.00
Membuat RESTful API CRUD Posts00.00
Membuat RESTful API CRUD Menus00.00
Membuat RESTful API CRUD Sliders00.00
Membuat RESTful API CRUD Users00.00
Membuat RESTful API Dashboard00.00

Membuat RESTful API Tags00.00
Membuat RESTful API Categories00.00
Membuat RESTful API Posts00.00
Membuat RESTful API Menus00.00
Membuat RESTful API Sliders00.00

Apa itu Nuxt Js ?00.00
Installasi Nuxt Js00.00
Struktur Folder di Nuxt Js00.00
Rendering00.00
Target Deployment00.00
Routing00.00
Meta Tags dan SEO00.00
Data Fetching00.00

Membuat Project Baru di Nuxt.js00.00
Installasi dan Konfigurasi Module yang Dibutuhkan00.00
Integrasi CSS dan JavaScript Template00.00

Membuat Authentication di Nuxt.js00.00
Membuat Layout Admin00.00
Membuat Halaman Dashboard00.00
Menampilkan Data Tags00.00
Membuat Proses Insert Data Tag00.00
Membuat Proses Edit dan Update Data Tag00.00
Menampilkan Data Categories00.00
Membuat Proses Insert Data Category00.00
Membuat Proses Edit dan Update Data Category00.00
Menampilkan Data Posts00.00
Membuat Proses Insert Data Post00.00
Membuat Proses Edit dan Update Data Post00.00
Menampilkan Data Menus00.00
Membuat Proses Insert Data Menu00.00
Membuat Proses Edit dan Update Data Menu00.00
Menampilkan Data Sliders00.00
Membuat Proses Upload Data Slider00.00
Menampilkan Data Users00.00
Membuat Proses Insert Data User00.00
Membuat Proses Edit dan Update Data User00.00

Membuat Component Navbar, Slider dan Footer Web00.00
Membuat Layout Web00.00
Menampilkan Data Sliders, Posts, Categories dan Tags di Homepage00.00
Menampilkan Index Data Posts00.00
Menampilkan Data Post Berdasarkan Category00.00
Menampilkan Data Post Berdasarkan Tag00.00
Menampilkan Detail Data Post00.00
Mengirim Komentar untuk Post00.00
Membuat Fitur Pencarian00.00

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

Source Code00.00
Penutup00.00
Penyusun Materi

Prev
Next
Fika Ridaul Maulayya
Fika Ridaul Maulayya

Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Article, Screencasts and E-Books at SantriKoding.com

Testimoni Oleh Siswa

0

(0 reviews)

5 Bintang
0%
4 Bintang
0%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%
...
Rp. 350,000
Beli sekali akses selamanya
Beli lewat Roadmap
Sewa kelas dan akses selama 1 bulan
Yang akan kamu dapatkan :
74 Modul
5 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next