Laravel & Tailwind CSS Schnellstart

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