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:

Cronjobs unter MacOS mit BetterTouchTool

Die ultimative Alternative zu Cronjobs auf MacOS: BetterTouchTool zum Automatisieren von Aufgaben!

Backup MacOS

Fotos effizient verkleinern und sicher offline synchronisieren

Wir haben ein Bash Script entwickelt, dass die Größe aller Fotos im angegebenen Verzeichnis inkl. Unterverzeichnisse verkleinert. Die Funktionen sind: Die verkleinerten Fotos können un…
Android Backup Linux MacOS

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

Bereit für Ihr Projekt?