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:

Firewalla DNS und CloudPanel VM

Wir verwenden als Firewall und Verwaltung der Geräte im Netzwerk die Lösung von Firewalla. Als Standardeinstellung bekommt jedes Gerät eine interne Domain mit der .lan…
Linux UnRaid Web

CloudPanel unter UnRaid installieren

CloudPanel ist ein kostenloses und modernes Server-Control-Panel zum Konfigurieren und Verwalten von Webapps mit Fokus auf Benutzerfreundlichkeit.

Laravel Linux UnRaid Web

UnRaid Docker Disk vergrößern

Kurztipp: Docker Image (vDisk) Größe erweitern bzw. vergrößern

UnRaid

Bereit für Ihr Projekt?