Membangun Website CMS Dengan Laravel dan Nuxt Js

4.8 (15 ulasan) 149 members

DISKON 13%
Rp. 350.000 Rp. 400.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 :

DISUSUN OLEH

Fika Ridaul Maulayya

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

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

Dapatkan ebook sekarang untuk dapat mengikuti pembelajaran

TOOLS

Laravel

The PHP Framework for Web Artisans

Nuxt.js

Vue.js Framework

Bootstrap Vue

Bootstrap component

SCREENSHOTS


Homepage

Detail Post

Add Post

BENEFITS


Ebook

Souce Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

ULASAN MEMBERS


mantab, banyak ilmu baru yang saya peroleh


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


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


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

Subroto Yudha Harsanto at SantriKoding

Front-end Developer


Penjelasan sangat detail dan muda dipahami

Semuel Yacobus Padang at SantriKoding

Gunakan ilmu-mu untuk KOLABORASI bukan kompetisi


Sangat mudah dimengerti, sangat mudah berkreasi setelah menyelesaikan materi

Egi Alfarizi at SantriKoding

Saya Egi Alfarizi, Panggilan John/Egi. Pendidikan terak...


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

Semoga kita semua diridhoi


Bagus, Mantap

Supardi at SantriKoding

Full Stack Developer


Materi sangat terstruktur dan mudah dipahami bagi pemula.


sangat jelas dan membantu..support group nya juga keren

Widya Pratama at SantriKoding

Guru kimia yang mencintai dunia koding dan bercita-cita...


Materi mudah dipahami dan diaplikasikan dalam bentuk yang lain

Dodi Hercandra at SantriKoding

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

Web Developer Enthusiast


Kadang kode nya sudah tidak relevan, tapi tetep mantp

Syahril Haryono at SantriKoding

Belajar menjadi Web Developer


Sangat mudah dipahami


Tutorial Sangat Mudah dipahami, sangat bagus