Laravel & Tailwind CSS Schnellstart

Grundlegende Kurzbefehle um ein Projekt mit Laravel & Tailwind CSS schnell zu starten.

Laravel installieren:

composer create-project laravel/laravel APP_NAME

.env Datei (Grundlegende Konfiguration) anpassen:

z.B. Datenbank anlegen Zugangsdaten eintragen; APP Titel, E-Mail Zugangsdaten usw...

Laravel Breeze wenn man eine Benutzerverwaltung benötigt:

php artisan migratecomposer require laravel/breeze --devphp artisan breeze:installnpm installnpm run dev

Tailwind CSS wird automatisch mit Laravel Breeze installiert und konfiguriert.

Laravel Livewire:

composer require livewire/livewirephp artisan livewire:publish --configphp artisan livewire:publish --assets

'asset_url' => '/APP_NAME/public anpassen. Details unter https://laravel-livewire.com/docs/2.x/installation

Laravel Cashier Stripe wenn man eine Bezahlfunktion über Stripe benötigt:

composer require laravel/cashierphp artisan migratephp artisan vendor:publish --tag="cashier-migrations"

Details unter https://laravel.com/docs/8.x/billing

Laravel localization für mehrsprachig Seiten:

composer require andrey-helldar/laravel-lang-publisher --devphp artisan lang:install en dephp artisan lang:updatecomposer require mcamara/laravel-localizationphp artisan vendor:publish --provider="Mcamara\LaravelLocalization\LaravelLocalizationServiceProvider"

config/laravellocalization.php anpassen (supportedLocales), /app/Http/Kernel.php, /routes/web.php, /routes/auth.php (wenn Laravel Breeze verwendet wird). Details unter https://github.com/mcamara/laravel-localization

Tailwind CSS installieren (nicht extra notwendig wenn Laravel Breeze installiert wird):

npm installnpm install -D tailwindcss@latest postcss@latest autoprefixer@latestnpx tailwindcss init

tailwind.config.js, webpack.mix.js & ./resources/css/app.css anpassen. Details unter https://tailwindcss.com/docs/guides/laravel

npm run dev

Smooth Scroll Plugin:

npm install smooth-scroll

In die app.js Datei einfügen:

window.SmoothScroll = require('smooth-scroll'); var scroll = new SmoothScroll('a[href*="#"]', '[data-easing="easeOutQuad"]', {easing: 'easeOutQuad'});

Details unter https://github.com/cferdinandi/smooth-scroll

Neueste Blog Einträge:

Cloudpanel Error - /usr/bin/clpctl: 5: printf: %q: invalid directive

Je nach Server OS bzw. Einstellungen kann bei Cloudpanel im CLI Modus diese Fehlermeldung kommen: $ sudo clpctl db:show:master-credentials /usr/bin/clpctl: 5: printf: %q: invalid directive…
CloudPanel

Videos in Publii Beiträgen einbinden

Einbinden von Videos mit dem HTML Video Element

Publii

Kontaktformular mit Publii

Tailwind CSS Kontaktformular per Ajax mit PHPMailer absenden

PHP Publii Tailwind CSS

Bereit für Ihr Projekt?