Full Transcript

·YouTLDR

Tutorial Laravel 12 FullStack, Membuat Website Portal Berita | PART 1

1:45:10IndonesianTranscribed Jul 21, 2026

Open in Studio

0:00

teman-teman semua selamat datang di

0:02

channel saya yaitu code with travle nah

0:05

pada video kali ini kita akan belajar

0:08

membuat sebuah website yaitu sebuah

0:11

portal berita menggunakan laravel 12 dan

0:14

juga filamen Nah di sini saya akan

0:16

demokan untuk website-nya Bagaimana pada

0:19

halaman awal di sini kita bisa melihat

0:22

sebuah banner ya di sini adalah

0:24

banner-banner yang sudah didaftarkan

0:27

oleh admin nah ketika kita klik salah

0:30

satu banner kita akan diarahkan ke

0:33

detail dari beritanya nah seperti ini

0:37

Oke kemudian di bawahnya Kita juga bisa

0:40

melihat berita unggulan seperti ini nah

0:44

berita unggulan ini ini juga kita ambil

0:47

dari cms-nya Nah jadi di bagian news di

0:50

sini kita bisa atur untuk berita

0:52

unggulannya nah semisal di sini kita

0:54

hilangkan ketika kita refreshage ini

0:58

juga hilang

1:01

Oke selanjutnya di sini ada bagian

1:03

berita terbaru nah bagian berita terbaru

1:06

ini dia akan ngambil dari tanggal

1:10

terbaru ketika berita itu diposting

1:12

seperti

1:14

itu bisa kita klik juga ada detailnya

1:18

Oke kemudian kita Scroll ke bawah di

1:20

sini kita bisa melihat daftar autor nah

1:23

semisal di sini autor Viola maka kita

1:26

bisa lihat daftar berita dari si autor

1:28

Viola

1:31

di sini semisal rfly jika kita klik juga

1:35

kita bisa lihat daftar berita dari

1:38

Aut ketika kita klik lagi kita masuk ke

1:42

detail dari beritanya

1:44

Oke kemudian di sini ada pilihan autor

1:47

ini menampilkan daftar

1:50

berita yang kita random ya oke kemudian

1:54

ketika kita klik bagian kesehatan kita

1:56

akan ditampilkan semua berita di

1:59

kategori

2:00

kesehatan kemudian ketika kita klik

2:03

politik menampilkan semua berita di

2:05

kategori politik ketika kita klik

2:08

pariwisata kita akan menampilkan semua

2:11

daftar berita di kategori

2:13

pariwisata Kemudian untuk halaman

2:15

adminnya di sini kita menggunakan

2:18

filamen di sini ada menu autor ini untuk

2:21

mendaftarkan

2:23

autor di

2:25

sini kemudian ada menu banner di sini

2:28

untuk kita menambah kan banner yang ada

2:31

di halaman

2:33

awal kemudian ada bagian kategori berita

2:38

dan juga ada bagian beritanya

2:41

Oke seperti

2:44

itu oke teman-teman di sini kita set up

2:48

untuk projectnya ya Nah di sini kita

2:49

ikuti dari dokumentasi Lara file 12-nya

2:52

Nah di sini teman-teman wajib udah

2:55

instal yang namanya PHP dan komposer Nah

2:58

kalau belum instal teman-teman bisa

2:59

instal dulu kemudian di sini kita akan

3:02

gunakan untuk komposer instal larfelnya

3:07

itu via komposer ya Nah untuk ngebuat

3:10

application-nya atau projectnya kita

3:12

bisa ketikkan lar Fel new kemudian nama

3:17

projectnya Nah projectnya di sini adalah

3:20

mocho nah terus starter kit-nya kita non

3:24

aja Oke kita tunggu

3:56

oke di sini Kita disuruh mililih

3:59

database-nya ya kita akan pakai MySQL

4:01

kita pilih MySQL kemudian default

4:05

database updated will you like to run

4:07

the default database migration kita no

4:09

dulu aja nah terus ini juga kita no dan

4:13

sekarang kita bisa buka untuk projectnya

4:16

foldernya itu di Visual Studio code Nah

4:19

di sini saya buka dulu kemudian kita

4:22

buka di

4:23

sini ke bagian

4:26

Open lalu foldernya tadi saya taruh di

4:29

desk stop dan di sini

4:33

oke Nah di sini untuk Project laravelnya

4:36

sudah berhasil diinstal kalau kita lihat

4:38

di sini ini ada beberapa folder ya untuk

4:40

folder app ini dia akan berisi sebuah

4:44

http dan di sini ada controller nah

4:47

controller ini berfungsi sebagai logika

4:49

pada projject kita ya jadi kan si larvel

4:52

ini konsepnya adalah mvc atau model view

4:55

dan controller Nah model itu dia

4:57

digunakan untuk eh berkomunikasi dengan

5:00

database model view Nah untuk view itu

5:04

digunakan untuk tampilan yang

5:07

ditampilkan di user dan kemudian ada

5:09

controller controller itu yang nantinya

5:12

akan menghubungkan si model dan juga

5:14

view Nah untuk sisi logikanya kemudian

5:17

di sini ada model yang tadi sudah saya

5:19

jelaskan kemudian ada provider di sini

5:21

itu biasanya untuk mendaftarkan eh

5:25

semisal kita menggunakan package

5:27

kemudian di sini ada f bootraap nah ini

5:31

untuk mendaftarkan middleware dan juga

5:34

routing kemudian di sini ada config

5:36

config itu berisi konfigurasi semisal di

5:39

sini ada config app

5:41

out catch database dan lain-lain nah

5:45

semisal kita misal integrasi package

5:48

yang membutuhkan config itu biasanya

5:50

kita akan buat file baru pada folder

5:52

config kemudian di database Ini dia ada

5:55

folder factory fungsi dari eh ada

5:58

factory ini

6:00

biasanya itu digunakan ketika kita ingin

6:02

membuat data damy Nah si vektor itu

6:04

ibaratnya kita nentuin data damyya itu

6:08

kolomnya semisal di sini ini kan user

6:10

factory berarti di sini kita akan

6:12

mendefinisikan si user ini tuh kolomnya

6:15

ada kolom name kan Nah si kolom name ini

6:17

dia diisi datanya yang data daminya itu

6:21

apa terus email terus email verifate add

6:24

dan lain-lain gitu Jadi intinya tuh ini

6:27

menentukan data yang ada gitu itu

6:30

kemudian di sini ada

6:31

migration jadi semisal kita menggunakan

6:34

larfel ketika kita membuat sebuah

6:37

database table dan kolom itu kita enggak

6:40

membuatnya manual di php admin atau di

6:43

msql-nya ya Jadi kita akan menggunakan

6:45

sebuah file yang dinamakan adalah

6:48

migration Nah di sini contohnya ada

6:51

migration untuk user table Nah di sini

6:54

itu ada skema create user artinya Apa

6:58

artinya di sini dia akan membuat sebuah

7:02

table user di mana kolomnya itu ada

7:05

kolom ID name email email verified add

7:08

dan password seperti itu ya jadi di sini

7:11

urutannya tuh ada table dan kolom jadi

7:15

nanti ketika kita jalankan migration-nya

7:17

Itu otomatis dia akan membuatkan pada

7:20

database-nya sehingga semisal kita akan

7:23

berkolaborasi dengan developer lain itu

7:26

lebih mudah tidak perlu melakukan ekspor

7:28

impor data seperti itu kemudian di sini

7:31

ada seeder nah seeder ini tadi adalah

7:34

yang kita Panggil vectorynya kemudian si

7:37

Seider ini dia akan melakukan create

7:39

contohnya di sini dia akan memanggil

7:41

user factory sebanyak 10 jadi dia akan

7:43

mengcreate datanya itu sebanyak 10 data

7:46

dami seperti itu kemudian di bawahnya

7:50

ada folder public folder public ini

7:53

biasanya ketika kita ingin menyimpan

7:55

sebuah aset seperti image CSS atau

7:59

gambar seperti itu ya Nah kemudian ada

8:02

Resort resourch ini tuh berisi yang

8:05

paling Seran adalah view Nah view-nya di

8:08

sini itu adalah ketika kita ingin

8:10

membuat tampilan untuk user kita bisa

8:13

membuatnya di view gitu kemudian ada

8:16

roots di roots ini ada Kol dan web Nah

8:20

ada juga root untuk api yang muncul di

8:23

laravel 12 ini hanya ada root consolle

8:25

dan web Nah untuk root web ini ini

8:27

adalah root yang akan kita gunakan untuk

8:30

mendefinisikan alamat-alamat apa saja

8:33

yang ada di website Cint contohnya di

8:35

sini kan ada root get/ash berarti ketika

8:37

kita akses pertama kali dia akan membuka

8:40

tampilan welcome atau kita misal buat

8:43

lagi di sini root get kontakct berarti

8:46

ketika kita akses slash kontakct itu

8:48

akan membuka halaman kontak seperti itu

8:51

kemudian di bawah ada storage nah

8:53

storage Ini tuh biasanya digunakan

8:55

semisal pada website kita itu memiliki

8:58

crude yang kolomnya itu dia punya gambar

9:01

nah gambar itu biasanya akan disimpan ke

9:03

dalam

9:04

storage kemudian di bawahnya ada folder

9:07

test ini untuk unit testing Nah untuk

9:09

vendor ini adalah package-package yang

9:12

kita instal di Lara file kita atau di

9:14

Project kita kemudian ada doinv doinv

9:18

ini untuk konfigurasi mulai dari app

9:20

nameame kemudian ada juga Eh kita

9:23

konfigurasi database semisal kita

9:25

menambahkan sebuah package itu juga kita

9:28

akan tambahan si autentikasi atau

9:31

kedentialnya itu di dinv ini Nah di sini

9:35

dinv example itu bedanya jadi ketika

9:38

kita

9:40

eh melakukan push repository github itu

9:44

yang akan muncul adalah si

9:46

dinv.example-nya sehingga data atau

9:49

kredenial asli yang ada di yang ada di

9:52

dinv itu enggak akan ikut ya Jadi tidak

9:55

akan terhack gitu nah seperti itu itu

10:00

oke di sini kita lihat di totv sini kita

10:03

bisa ganti untuk app name-nya ini

10:05

menjadi moco

10:07

gitu Kemudian untuk bagian DP koneksinya

10:11

ini udah otomatis di-setting ya sesuai

10:14

nama projjectnya itu moco Kemudian untuk

10:17

10:18

username ini DP connection juga udah

10:21

pada udah pakai MySQL untuk DP

10:23

username-nya default di laptop

10:26

teman-teman tuh biasanya atau di

10:27

komputer teman-teman tuh DP username-nya

10:30

root dan DP password-nya kosong Nah

10:32

kalau di saya ini DP username-nya adalah

10:34

admin

10:35

Oke seperti ini nah jika sudah seperti

10:38

ini kita akan coba jalankan untuk

10:41

migration-nya ya untuk ngecek Apakah

10:43

database-nya berhasil tersambung atau

10:44

tidak nah jangan lupa juga untuk local

10:47

host teman-teman ini bisa distart dulu

10:50

ya Saya di sini pakai mmppp nah biasanya

10:54

yang sering dipakai adalah smppp

10:56

oke di sini jangan lupa untuk diart dulu

10:58

Dan Kita jalankan PHP artisan migrate

11:01

nah fungsi dari komen PHP artisan

11:04

migrate ini apa Jadi kan pada bagian

11:07

database migration Nah di sini kan kita

11:10

punya ada user table chat table chob

11:13

table Nah kita akan jalankan

11:15

ketiga-tiganya ketika kita jalankan PHP

11:18

migrate dia akan membuat si table

11:21

peserta kolom-kolomnya nah ini kita coba

11:24

nah karena kita belum pernah buat

11:26

database-nya ini maka akan ditanyain

11:29

Apakah kita ingin membuatnya Yes saja

11:31

Nah di sini sudah berhasil nih dia sudah

11:35

berhasil membuat table-tabnya Sekarang

11:37

kita coba cek di php my admin-nya

11:44

Oke kita cek di

11:47

sini Nah di sini kita cek nah ini udah

11:50

ada table beserta kolomnya ya

11:52

databas-nya moco di sini ada beberapa

11:55

table contohnya user nah ini adaom name

11:59

Mail dan lain-lain sesuai yang ada pada

12:01

migration seperti itu

12:04

Oke selanjutnya kita akan coba untuk

12:07

membuat model dan migration yang kita

12:09

butuhkan

12:13

oke teman-teman di sini saya sudah

12:15

menyiapkan untuk IRD nah IRD ini akan

12:18

kita gunakan sebagai acuan ketika kita

12:20

membuat model peserta migration-nya Nah

12:22

di sini eh kalau kita lihatnya ada

12:25

beberapa table ya yang pertama ini ada

12:27

table user kemudian ada table auor

12:30

kemudian ada table news kategori ada

12:32

table news dan juga table banner

12:36

Oke Langsung aja kita masuk ke pembuatan

12:39

tabennya nah yang pertama di sini Kita

12:43

sudah punya untuk table user ya kalau

12:45

kita lihat di bagian app model ini udah

12:48

ada user dan isinya pun UD sama name

12:51

email dan

12:52

password Nah selanjutnya berarti kita

12:55

akan buat table untuk bagian

12:59

oututor dulu nih jadi di sini untuk

13:02

membuat modelan migration teman-teman

13:04

bisa buka Terminal kemudian jalankan di

13:07

sini adalah PHP artisan make model Nah

13:11

jadi di sini kita akan membuat model

13:14

autor ya Nah di sini kita akan membuat

13:17

model sekaligus dengan migration-nya

13:19

caranya gimana teman-teman bisa

13:21

tambahkan -m seperti ini lalu enter Nah

13:25

di sini maka akan membuat sebuah file

13:28

model yaitu autor.php dan file migration

13:32

yaitu autor Stable nah seperti ini oke

13:36

di sini kita mulai dari yang migration

13:38

dulu jadi pada bagian migration di sini

13:42

kita udah punya ID dan juga ada

13:45

timestamp ya Nah tim Stamp di sini itu

13:47

itu bawaan default dari laravel

13:49

fungsinya apa Jadi si table timestamp

13:53

itu dia akan membuatkan kolom created

13:55

add dan updated add nih seperti ini

14:00

Oke Nah selanjutnya kita tambahkan untuk

14:03

name Avatar dan bio Oh ya di sini ada

14:07

yang kurang satu lagi yaitu

14:11

username Nah username-nya kita bisa

14:13

pakai string

14:16

Oke jadi di sini kita bisa buat table

14:20

nah sini kan ada tipe data nih untuk Id

14:23

ini tipe datanya integer di sini juga

14:26

sudah otomatis

14:27

integer kemudian ada name tipe datanya

14:30

tipe datanya adalah string di sini kita

14:33

bisa buat

14:36

string nah string ini kalau di database

14:40

itu terbaca sebagai varchar kemudian

14:43

tipe datanya string di dalam kurung ini

14:46

kita bisa tambahkan nama kolomnya

14:48

berarti kolomnya adalah name setelah

14:51

name ada

14:54

username

14:56

username kemudian kita bisa tambahkan

14:59

Avatar dan juga

15:02

bio bio biionya kita bisa gunakan long

15:06

Tex ya

15:08

oke Kemudian untuk username kita bisa

15:11

buat dia menjadi unique jadi username

15:14

setiap autor itu enggak boleh sama

15:16

fungsinya apa fungsinya ketika kita

15:18

ingin melihat detail dari autornya itu

15:21

kita akan gunakan si username itu nah

15:23

kalau sama itu pasti salah satu akan

15:26

tidak ketemu ya karena kita perakan

15:29

seperti itu Nah jika udah seperti ini

15:32

untuk migration autornya udah sekarang

15:35

kita pergi ke model autor nah fungsinya

15:38

di sini kita akan definisikan

15:40

kolom-kolom apa saja yang ada di dalam

15:43

oututor tersebut kita bisa tambahkan

15:46

protected dollar V Label sama dengan Nah

15:51

di sini berarti ada kolom name kemudian

15:55

ada kolom

15:56

username setelah username kita punya

15:58

Avatar dan juga bio nah name username

16:03

Avatar bio seperti ini ya Oke berarti

16:06

untuk bagian model juga sudah kita

16:08

definisikan migration juga udah

16:11

selanjutnya kita lanjut ke model dan

16:13

migration untuk news

16:17

category Nah selanjutnya di sini kita

16:19

buat model dan migration untuk news

16:22

category ya kita bisa buka di sini PHP

16:26

artisan make model news

16:30

category Min m

16:33

Oke seperti ini Nah selanjutnya kita

16:35

buka di sini untuk migrationnya di

16:38

migration ini news category itu kita

16:40

punya title dan juga Slug nah Slug di

16:43

sini itu dia berfungsi sebagai e kayak

16:46

username ya jadi ketika misal kita kita

16:49

buka si news kategorinya semisal

16:52

contohnya ketika kita ingin melakukan

16:54

filter kita pilih news kategor yangaknya

16:57

adalah kes Nah maka di situ dia akan

17:00

munculnya yang kesehatan semua gitu Ini

17:03

slakdu digunakan sebagai unik lah Nah di

17:06

sini kita bisa tambahkan dolar table

17:09

string title kemudian kita copy kita

17:13

paste dan kita tambahkan menjadi Slug

17:16

untuk Slug ini dia bersifat unik

17:20

Oke kemudian di bagian news kategorinya

17:24

di model kita tambahkan di sini

17:27

protected

17:30

dolar V Label sama

17:34

dengan Nah di sini kita bisa buat yaitu

17:37

title dan juga Slug

17:41

Oke seperti

17:43

ini Nah selanjutnya kita buat model dan

17:47

migration untuk news

17:51

Oke selanjutnya kita buat model and

17:53

migration untuk news-nya di sini kita

17:55

bisa buat yaitu PHP artis

17:59

make model news- m Nah kita buka untuk

18:06

migration-nya di sini dia punya kolom

18:10

autor ID nah untuk autor ID Dia kan

18:13

berelasi ke table auutor ya di sini

18:15

relasinya adalah one to many atau satu

18:18

autor bisa memiliki banyak berita Nah di

18:21

sini one to many kita bisa gunakan di

18:24

sini foreign ID kemudian foreign id-nya

18:27

ini mengarah ke

18:29

autor ID nah jadi di laravel itu ketika

18:33

kita menggunakan forign ID dia akan

18:36

mencari berdasarkan nama tabelnya autor

18:39

dan juga kolomnya ID jadi kita ggak

18:41

perlu tambahin referen-nya ya ini sudah

18:44

otomatis kemudian selanjutnya ada

18:49

news kategori

18:56

ID Oke selanjutnya nya ada

19:00

title table string title kemudian kita

19:05

punya

19:11

Slug selanjutnya kita punya

19:19

thumbnail Nah selanjutnya setelah

19:22

thumbnail kita punya konten Nah untuk

19:25

konten kita gunakan long Tag

19:31

Oke kemudian selanjutnya kita bisa pergi

19:34

ke model news di sini kita buat untuk

19:38

protected dollar V

19:43

label Nah di sini berarti kita punya

19:47

autor

19:51

ID kemudian kita punya news category

19:57

id kemudian kita punya

20:02

title setelah title kita punya

20:08

slag setelah slag kita punya

20:12

thumbnail dan yang terakhir kita punya

20:15

konten

20:17

Oke selanjutnya di sini kita definisikan

20:20

untuk

20:21

relasinya berarti yang pertama kita

20:23

punya public function outor jadi untuk

20:28

kita membuat sebuah relation di larfel

20:31

itu kita perlu definisikan si relasinya

20:33

itu di model ya berarti di sini ee untuk

20:36

satu berita dia bisa punya satu autor ID

20:39

Atau Dia memiliki satu autor ID kita

20:42

bisa gunakan R return

20:45

this Belongs To

20:49

autor tik2.2 class Nah jadi dia akan

20:53

memanggil relasi yang model autor terus

20:57

selanjutnya kita copy kita paste kita

21:00

tambahkan di sini adalah news category

21:03

Nah di sini news category Oke jadi

21:07

ketika kita membuat sebuah relasi

21:10

function relasi ini ini ketika dia

21:13

memiliki itu kita bisa gunakan singular

21:16

ya contohnya ni autor news category Nah

21:19

ini kan dia Belongs To atau memiliki

21:22

kemudian di bagian autornya juga kita

21:24

definisiin nih yaitu public function

21:28

news Nah berarti di sini R return this

21:34

karena satu autor memiliki banyak Rita

21:36

kita bisa gunakan Has many Has many apa

21:39

Has many news

21:42

Oke seperti

21:43

ini terus di bagian kategori pun sama di

21:48

sini public

21:51

function news yaitu R return

21:55

this Has many news tik2.k2 class nah

22:02

seperti ini

22:04

Oke untuk bagian model migration news

22:07

sudah selanjutnya kita pergi ke model

22:10

dan migration Untuk Banner

22:14

Oke selanjutnya kita buat untuk model

22:16

dan migration banner ya di sini kita

22:18

bisa buat dengan cara PHP artisan make

22:23

model banner- m nah Untuk Banner ini

22:29

dia

22:30

punya relasi ke dalam news ID ya forent

22:37

ID yaitu news ID Oke kemudian di sini

22:43

kita pergi ke dalam

22:46

modelnya sini kita buat

22:49

protected dollar V Label

22:53

sama di sini kita Panggil

22:56

untuk new

22:59

news ID

23:01

kemudian di sini kita buat public

23:05

function news Nah di sini dia return

23:11

this

23:13

has eh Belongs

23:17

To Belongs To

23:21

news nah seperti ini terus di bagian

23:24

news-nya satu berita memiliki satu

23:27

banner kita buat public

23:29

function

23:31

banner ret

23:34

return

23:36

Dis

23:40

23:41

banner

23:43

t2.2 class nah seperti ini Oke model

23:47

migration Untuk Banner udah sekarang

23:49

kita jalankan PHP artisan migrate untuk

23:54

menjalankan semua migration baru yang

23:56

kita buat kita enter Nah di sini

23:59

berhasil ya kita coba cek di php my

24:03

adminnya Nah di sini sudah menambah

24:07

beberapa table ya ini ada table news

24:09

category ini ada title cre updated

24:13

kemudian ada table

24:16

outor Nah kemudian ada news ada bers dan

24:22

lain-lain Oke selanjutnya kita akan

24:26

lakukan pembuatan CMS mengunakan package

24:29

filamen Nah selanjutnya kita akan

24:31

lakukan instalasi untuk filamen terlebih

24:33

dahulu

24:35

Oke teman-teman selanjutnya kita lakukan

24:37

instalasi untuk filamen Nah jadi di sini

24:40

teman-teman bisa buka dokumentasi dari

24:42

filamen yaitu di filamen php.com jadi si

24:46

filamen Ini adalah sebuah package atau

24:48

library yang digunakan untuk kita

24:51

membuat CMS agar lebih cepat ya nah ini

24:54

kalau kita lihat di bagian demonya

25:00

Nah jadi di sini kita bisa untuk membuat

25:03

sebuah halaman admin di mana semisal di

25:06

sini ada kategori nah ini kita bisa

25:10

membuat sebuah crud ini dengan cepat

25:12

semisal nama kategorinya adalah testing

25:16

gitu

25:17

Nah kalau kita

25:20

klik dia akan bertambah seperti itu Nah

25:24

di sini untuk filamen ini juga free ya

25:27

Oke kita langsung lakukan instalasinya

25:30

aja Nah di sini nih ada fitur-fiturnya

25:33

nih ada panel Builder kemudian ada form

25:35

Builder table Builder notification

25:38

action info list dan widget Nah ini

25:41

banyak banget ya fitur-fiturnya nanti

25:42

kita akan belajar beberapa fitur yaitu

25:45

home Builder table Builder dan juga

25:47

action Oke sekarang kita langsung klik

25:50

get

25:51

started di sini kita bisa lakukan

25:54

instalasinya menggunakan composer

25:56

require filen/ filamen ini kita

26:01

copy lalu kita paste ke dalam Terminal

26:07

Oke kemudian kita tunggu untuk proses

26:09

instalasinya hingga selesai

26:32

Oke sudah berhasil selanjutnya kita

26:35

jalankan PH artisan filamen instal

26:38

minmin panel nah sini kita jalankan Oke

26:42

untuk id-nya admin nih kita no aja oke

26:47

terus

26:49

selanjutnya di sini kita akan membuat

26:51

user untuk login akun-nya ya di sini

26:55

kita buat nah Nah di sini untuk nam-nya

26:59

admin

27:01

admin@mocho.com password-nya

27:04

password nah seperti ini Oke jika sudah

27:08

Sekarang kita coba login kita jalankan

27:10

dulu jadi untuk menjalankan Project

27:12

laravel kita bisa jalankan dengan cara

27:14

PHP arisan serve enter lalu kita buka

27:18

untuk

27:20

url-nya Nah di sini sudah pakai lar Fel

27:23

12 ya lu kita akses/ash admin

27:27

oke di sini kita login

27:30

admin@moco.com password-nya adalah

27:33

password Nah di sini ada pas login kita

27:36

langsung disukuhin dengan halaman

27:38

dashboard ya Oke selanjutnya kita akan

27:41

mulai membuat halaman atau CMS serude

27:44

untuk masing-masing

27:47

model teman-teman yang pertama di sini

27:50

kita akan buat untuk crude dari autor ya

27:53

di sini untuk membuat sebuah cude kita

27:57

bisa menggunakan kan yang namanya resour

28:00

nih di sini jadi si filamen ini

28:03

menjadikan sebuah resour yang di mana

28:07

untuk membuat resour kita bisa

28:09

eh ibaratnya tuh kayak melihat dari nama

28:12

modelnya di sini contohnya dia membuat

28:14

resource untuk customer berarti di sini

28:16

P rtisan make filament Min resource

28:18

customer nah fungsi dari resource ini

28:21

apa di sini di resarch itu dia akan

28:23

membuatkan kita langsung untuk

28:26

ee halaman

28:29

list create dan juga edit seperti itu

28:32

Oke ini langsung aja kita buat di sini

28:35

kita bisa buka Terminal kemudian kita

28:38

jalankan PHP artisan make resour yang

28:42

pertama kita Bu adalah autor nah seperti

28:46

ini oh sebentar salah ini harusnya

28:50

seperti

28:53

ini

28:54

PHP artisan make filamen strip

29:01

resourch strip

29:04

resourch yaitu autor nah Oke sekarang

29:09

kita bisa buka di folder app filamen dan

29:13

di sini sudah ada auto resource nah di

29:15

dalam auto resource ini dia punya

29:17

namanya public Static function form dan

29:20

juga public Static function table Nah

29:22

untuk form ini berarti kita akan gunakan

29:24

untuk memanggil komponen inputan apa

29:27

saja yang sekiranya kita butuhkan

29:29

kemudian di sini ada table ini digunakan

29:32

untuk kolom ini untuk

29:35

menampilkan ibaratnya tuh data apa saja

29:37

ingin kita tampilkan filter ini semisal

29:39

nanti kita di model ini model Berita ini

29:44

kita akan ngfilter berdasarkan

29:46

autornya atau si kategorinya kemudian

29:50

ada action action ini semisal kita ingin

29:52

membuat si fungsi delete edit dan view

29:56

gitu ya Oke sekarang kita akan coba buka

29:59

di browsernya kalau kita lihat di sini

30:02

ini sudahudah ada menu baru namanya

30:03

autor Nah untuk mengganti icon yang ada

30:07

di sini teman-teman bisa pergi ke dalam

30:11

heroicons.com kemudian di sini

30:13

teman-teman bisa cari icon yang ingin

30:15

teman-teman pakai misal untuk autor ini

30:18

kita cari user nah nih berarti kita bisa

30:22

gunakan yang ini users ya di bagian

30:26

eh auto resour di sini ada namanya

30:29

navigation icon ini berarti Hero icon o

30:32

kemudian kode iconnya yaitu users nah

30:36

seperti ini sekarang kita lihat hasilnya

30:38

lu kita refresh di bagian sini nah ini

30:41

udah ada autornya oke terus di sini kita

30:45

akan masuk ke halaman untuk create-nya

30:48

dulu ya di sini kita bisa Klik new

30:49

author untuk di sini formnya ini masih

30:52

kosong karena kita belum ee menambahkan

30:56

ini ya komponen yang kita buat oke di

30:59

sini kita bisa buat untuk yang pertama

31:01

di sini kita bisa gunakan nah jika

31:05

teman-teman ingin melihat komponen apa

31:08

saja yang bisa digunakan di form teman

31:10

bisa pergi ke bagian dokumentasi

31:13

kemudian klik ke form Builder nah di

31:16

form Builder ini ada banyak banget

31:17

komponen contohnya di sini ada field

31:20

yaitu ada text input select kemudian ada

31:24

checkbox toogle checkbox list radio dan

31:28

lain-lain gitu ya Nah yang kita akan

31:31

gunakan untuk bagian oututor ini kan ada

31:35

name name ini kita gunakan yang namanya

31:37

text input oke di bagian auto resource

31:41

kita masuk ke public Static function

31:43

form di sini kita bisa buat

31:48

from/cponen/ Tex input nah kemudian

31:51

titik du Mac oke terus apa sih yang ada

31:55

di dalam si mac-nya ini nah yang ada di

31:58

dalam C Mac ini adalah kolom yang kita

32:01

buat di sini kolom pertama itu adalah

32:03

kolom name berarti di sini kita bisa

32:05

buat name seperti itu ya dan dan di sini

32:08

kita buat dia jadi require seperti ini

32:12

Oke kemudian

32:14

selanjutnya kita bisa copy lalu kita

32:16

paste kita tambahkan untuk kolom

32:20

username Oke kemudian setelah itu kita

32:24

punya

32:25

Avatar kita bisa copy di sini kita KTI

32:29

jadi Avatar Nah untuk Avatar kita akan

32:31

gunakan yang namanya file upload nih di

32:35

sini file upload Ini fungsinya agir kita

32:38

bisa menambahkan image ya file upload

32:44

oke terus selanjutnya di sini kita bisa

32:47

tambahkan file upload-nya ini adalah

32:49

untuk image

32:51

Oke seperti ini kemudian setelah Avatar

32:54

kita punya bio ya form/kponen

32:58

slash untuk bio kita bisa

33:01

gunakan teks

33:04

area make yaitu

33:08

bio kita buat dia jadi require nah

33:12

seperti ini Oke sekarang kita akan coba

33:16

lihat untuk tampilannya untuk hasilnya

33:19

di sini nah ini sudah ada muncul

33:22

inputannya ya Oke sekarang kita akan

33:25

tambahkan untuk nam-nyaal rfle

33:28

username-nya adalah COD with rfle gitu

33:32

untuk avatarnya kita

33:35

tambahkan di sini kita tambahkan untuk

33:38

avatarnya

33:43

dulu nah ini ya oke kemudian di sini

33:47

untuk biionnya

33:49

adalah Misa lorem ipsum dolor siamet

33:54

lorem dolor Mamet ipsum gitu

33:58

oke lalu kita klik create Nah di sini

34:01

untuk create-nya sudah berhasil kita

34:04

akan otomatis diarahkan ke halaman edit

34:07

Nah di sini gambarnya kan loading terus

34:09

ya ini kita harus jalankan PHP artisan

34:14

storage link agar si gambarnya itu dia

34:17

akan eh SIM link ke dalam folder public

34:20

nih

34:22

enter nanti di public dia akan ada

34:24

storage nah ini gambarnya kan sudah

34:26

berhasil masuk ke storage ya ya oke

34:29

terus ini masih loading juga kita copy

34:32

URL yang kita akses kita copy lalu kita

34:35

paste ke dalam file.inv nah di bagian

34:39

app url-nya ini Kita sesuaikan Oke

34:42

seperti ini

34:45

Oke sekarang kita refresh lagi Nah di

34:48

sini sudah berhasil Oke jadi kan tadi

34:51

kita sudah berhasil untuk create data ya

34:53

Nah untuk create datanya sudah berhasil

34:55

di sini juga otomatis kita sudahah di

34:57

buatkan untuk halaman edit data misal

35:00

kita buat di sini Rafli

35:03

alvizki gitu kita klik save nah dia

35:06

otomatis terupdate Oke berarti untuk

35:09

create dan edit sudah berhasil

35:11

selanjutnya kita buat untuk nampilin si

35:15

autornya ini di dalam SI list

35:19

Oke selanjutnya kita atur tampilan untuk

35:22

menampilkan list dari autornya ya Nah di

35:25

sini teman-teman bisa lihat di

35:28

dokumentasi itu di bagian table Builder

35:31

nah di table Builder ini ada banyak

35:33

kolom-kolom yang bisa teman-teman pakai

35:35

salah satunya ini ada teks kolom yang

35:37

akan sering kita gunakan nah seperti

35:41

ini kemudian kita punya icon

35:45

kolom image kolom nah ini ada image ini

35:49

menampilkan image kemudian ada color

35:53

select dan lain-lain oke sekarang untuk

35:57

bagi B autor ini itu kita akan Tampilkan

36:00

untuk name username Avatar dan bio ya

36:02

berarti di sini kita buat di kolomnya

36:05

itu ada

36:08

table/

36:09

kom/ t kolom untuk mac-nya yang pertama

36:13

ada name kemudian kita

36:16

copy setelah name ada

36:19

username Nah untuk Avatar kita taruh di

36:22

awal aja kali ya di sini ini berarti

36:25

image kom ininya

36:28

Avatar Setelah itu kita punya bio Nah di

36:33

sini bio Oke seperti ini sekarang kita

36:36

lihat hasilnya di sini sudah muncul ya

36:39

untuk Avatar kita akan buat dia menjadi

36:42

bulat Nah kita bisa lihat di Image kolom

36:46

kita bisa

36:48

gunakan sirkular Oke kita tambahkan di

36:53

bagian

36:55

avatarnya seperti ini

36:58

Sekarang kita coba lihat

37:00

hasilnya Nah maka di sini dia udah jadi

37:04

bulat gini ya Oke selanjutnya di sini

37:08

kita bisa tambahkan untuk action delate

37:12

dan view-nya di bagian action kita

37:15

tambahkan di sini ada view action dan

37:19

juga kita tambahkan untuk delete Action

37:24

Nah seperti ini sekarang kita coba lihat

37:27

hasilnya keka kita refresh Nah di sini

37:30

kita bisa view detail datanya kemudian

37:33

kita bisa

37:34

edit nah kemudian kita bisa delete juga

37:37

nah di delete ini juga otomatis

37:39

dibuatkan oleh si filamennya misal kita

37:42

Tambah data baru di sini namanya Joni

37:45

Joni gitu lalu avatarnya kita

37:49

tambahkan dan biionnya adalah lorem

37:52

ipsum

37:55

oke lalu kita klik create Nah di sini

37:58

otomatis dia akan bertambah ya kita bisa

38:01

Klik delete lalu kita confirm Nah

38:04

otomatis datatanya juga terhapus Oke

38:07

seperti itu berarti untuk crude pada

38:10

model autor sudah berhasil kita buat

38:13

selanjutnya kita buat crude untuk bagian

38:16

news category

38:19

Oke teman-teman selanjutnya kita buat

38:22

untuk cerude news category Nah kita bisa

38:26

buka

38:28

di terminal kita ketikkan di sini PHP

38:33

artisan make

38:35

filamen strip resourch berarti news

38:40

More transcripts

Explore other videos transcribed with YouTLDR.

Get the TLDR of any YouTube video

Transcribe, summarize, and repurpose videos in 125+ languages — free, no signup required.

Try YouTLDR Free