Mengonfigurasi Blade Laravel+Tailwind | MRFDN.COM
2 mins read

Mengonfigurasi Blade Laravel+Tailwind | MRFDN.COM

mrfdn.com – Sekarang saya ingin tahu bagaimana melakukannya menggunakan file blade Laravel dengan menambahkan tailwind CSS.

Instal dependensi terlebih dahulu

npm install -D tailwindcss postcss autoprefixer

Sekarang masukkan penariknya

npx tailwindcss init -p

Sekarang buka filenya tailwind.config.js lalu tambahkan baris ini:

/** @type {import('tailwindcss').Config} */
export default {
    content: ["./resources/**/*.blade.php"],
    theme: {
        extend: {},
    },
    plugins: [],
};

Selanjutnya edit file tersebut resources/css/app.css lalu tambahkan file ini:

@tailwind base;
@tailwind components;
@tailwind utilities;

Setelah itu buka filenya blade.php lalu instal Tailwind dengan menambahkan baris ini.

@vite('resources/css/app.css')

Jadi hasilnya seperti ini:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
      content="width=device-width, initial-scale=1.0">
    @vite('resources/css/app.css')
</head>
<body class="bg-red-500">
        <h1 class="text-center">hello world</p>
</body>
</html>

Kemudian buka 2 terminal.

Dalam mode bawaan npm run dev jalankan nodejs dalam mode terminal kedua php artisan serve jalankan proyek laravel Anda.

Sekarang Anda dapat melanjutkan membuat proyek Laravel menggunakan Laravel seperti CSS.

PakarPBN

A Private Blog Network (PBN) is a collection of websites that are controlled by a single individual or organization and used primarily to build backlinks to a “money site” in order to influence its ranking in search engines such as Google. The core idea behind a PBN is based on the importance of backlinks in Google’s ranking algorithm. Since Google views backlinks as signals of authority and trust, some website owners attempt to artificially create these signals through a controlled network of sites.

In a typical PBN setup, the owner acquires expired or aged domains that already have existing authority, backlinks, and history. These domains are rebuilt with new content and hosted separately, often using different IP addresses, hosting providers, themes, and ownership details to make them appear unrelated. Within the content published on these sites, links are strategically placed that point to the main website the owner wants to rank higher. By doing this, the owner attempts to pass link equity (also known as “link juice”) from the PBN sites to the target website.

The purpose of a PBN is to give the impression that the target website is naturally earning links from multiple independent sources. If done effectively, this can temporarily improve keyword rankings, increase organic visibility, and drive more traffic from search results.

Jasa Backlink

Download Anime Batch