JetLog: installasi tailwindcss

Tutorial Inertia Vue 3 dan Laravel 10

7 Sheet
- 1 .Installasi dan Konfigurasi Inertia.js "server-side"
- 2 .Installasi dan Konfigurasi Inertia.js "client-side"
- 3 .Installasi TailwindCss
- 4 .Install ziggy untuk penggunaan name route di inertiajs
- 5 .membuat inertia menjadi server side rendering
- 6 .meinstall vue toastification
- 7 .Mmebuat Dark Mode

Installasi TailwindCss

module.exports = { content: [ "./resources//*.blade.php", "./resources//.js", "./resources/**/.vue", ], theme: { extend: {}, }, plugins: [], }buka file app.css di directory ./resources/css/app.css@tailwind base; @tailwind components; @tailwind utilities;jalankan perintah berikutnpm run devtambahkan kode berikut di bagian head pada app.blade.php@vite('resources/css/app.css')sehingga terlihat menjadi seperti ini<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> @vite('resources/js/app.js') @vite('resources/css/app.css') @inertiaHead </head> <body> @inertia </body> </html>

Komentar

Ada 0 komentar pada episode ini.