Blog

Laravel

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 migrate composer require laravel/breeze --dev php artisan breeze:install npm install npm run dev

Tailwind CSS wird automatisch mit Laravel Breeze installiert und konfiguriert.

Laravel Livewire:

composer require livewire/livewire php artisan livewire:publish --config php 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/cashier php artisan migrate php 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 --dev php artisan lang:install en de php artisan lang:update composer require mcamara/laravel-localization php 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 install npm install -D tailwindcss@latest postcss@latest autoprefixer@latest npx 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

Mein Ziel ist es, selbst bei hoher Komplexität der Zielvorgabe, sinnvolle Lösungen mit innovativer Technologie für Sie zu entwickeln und nachhaltig zu betreuen. Um das gewährleisten zu können, arbeite ich seit vielen Jahren mit einem eingespielten Team von Projektmanagern, Programmierern, Designern und Fotografen zusammen.

Wolfgang Hollaus

Geschäftsleitung

Wir freuen uns auf Ihre Anfrage!

Kontaktieren Sie uns unverbindlich zu allen Fragen für individuelle Webapplikationen, Webseiten oder Automatisierungen und Digitalisierungen in Ihrem Unternehmen.

Angebot gleich anfragen
App screenshot