Tailwind CSS installeren

In de hoofdmap van het Laravel project voer je de volgende opdrachten uit:

npm install tailwindcss
npm install
npm run dev
npx tailwind init

Bestand webpack.mix.js verander je naar:

const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');


mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        require('tailwindcss'),
    ]);

i

Open resources/css/app.css en plaats de volgende code:

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

Voer daarna opnieuw de volgende opdracht uit:

npm run dev

Database instellen

De database-instellingen voor Laravel moeten ingesteld worden in de volgende bestanden:

.env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

/config/database.php

 'default' => env('DB_CONNECTION', 'mysql'),

 'mysql' => [
            'driver' => 'mysql',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '3306'),
            'database' => env('DB_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'unix_socket' => env('DB_SOCKET', ''),
            'charset' => 'utf8mb4',
            'collation' => 'utf8mb4_unicode_ci',
            'prefix' => '',
            'prefix_indexes' => true,
            'strict' => true,
            'engine' => null,
            'options' => extension_loaded('pdo_mysql') ? array_filter([
                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
            ]) : [],
        ],

Nieuw Laravel-project opstarten

Om een Laravel project te starten zijn PHP en Composer nodig. Ik ga er van uit dat PHP al geinstalleerd is. Om composer te installeren kun je volgende opdrachten gebruiken (getest op Raspbian 8 Jessie):

wget -O composer-setup.php https://getcomposer.org/installer
sudo php composer-setup.php --install-dir=/usr/local/bin --filename=composer
rm -rf composer-setup.php

Na succesvolle installatie van Composer kun je een Laravel project aanmaken:

composer create-project laravel/laravel <projectnaam>

Om project met naam dennisbor-laravel te maken gebruik je dus volgende opdracht:

composer create-project laravel/laravel dennisbor-laravel

Na enige tijd is het project aangemaakt en is de subfolder met de projectnaam aangemaakt. Open de map via:

cd dennisbor-laravel

Je kunt het project nu starten met volgende opdracht:

php artisan serve

Er wordt nu getoond hoe het project te bereiken is:

[Sun May 16 13:03:56 2021] PHP 8.0.5 Development Server (http://127.0.0.1:8000) started

Je kunt natuurlijk ook zorgen dat je via je huidige webserver het project kunt bereiken, zorg er dan wel voor dat de ‘/public’ map de root-map wordt.

Belangrijk is ook dat de webserver kan schrijven naar de mappen ‘storage’ en ‘bootstrap/cache’.