Mosaik Lite Laravel ist eine responsive Admin-Dashboard-Vorlage, die auf Tailwind CSS basiert und vollständig in Laravel Jetstream codiert ist. Diese Vorlage ist ein toller Ausgangspunkt für alle, die eine Benutzeroberfläche für SaaS-Produkte, Administrator-Dashboards, moderne Web-Apps und mehr erstellen möchten. Verwenden Sie es für alles, was Sie wollen, und kontaktieren Sie uns unbedingt auf Twitter, wenn Sie etwas Cooles/Nützliches damit erstellen.
Erstellt und gepflegt mit ❤️ von Cruip.com.
Sehen Sie sich hier eine Live-Demo an ️ https://mosaic.cruip.com/
Wenn Sie die Designdateien benötigen, können Sie sie von der Figma-Community https://bit.ly/3sigqHe herunterladen
Dieses Projekt wurde mit Laravel Jetstream und Livewire + Blade als Stack erstellt.
Stellen Sie sicher, dass Sie die Datenbankkonfiguration in Ihrer .env-Datei hinzufügen, z. B. Datenbankname, Benutzername, Passwort und Port.
Führen Sie im Stammverzeichnis Ihrer Laravel-Anwendung den Befehl php composer.phar install
(oder composer install
) aus, um alle Abhängigkeiten des Frameworks zu installieren.
Um die Tabellen zu migrieren und die Mindeststruktur für diese App einzurichten, um einige Daten anzuzeigen, sollten Sie Ihr Terminal öffnen, dieses Projektverzeichnis suchen und eingeben und den folgenden Befehl ausführen
php artisan migrate
Sobald Sie alle Ihre Datenbanktabellen eingerichtet haben, können Sie einige Testdaten generieren, die von unseren vorgefertigten Datenbanktabellen-Seedern stammen. Führen Sie dazu in Ihrem Terminal den folgenden Befehl aus
php artisan db:seed
Hinweis: Wenn Sie diesen Befehl zweimal ausführen, werden alle Testdaten dupliziert und den vorhandenen Tabellendaten hinzugefügt. Wenn Sie doppelte Testdaten vermeiden möchten, achten Sie bitte darauf, die folgende datafeeds
in Ihrer Datenbank zu truncate
.
Um alle CSS- und JS-Assets für das Frontend dieser Site zu kompilieren, müssen Sie NPM-Abhängigkeiten installieren. Öffnen Sie dazu das Terminal, geben Sie npm install ein und drücken Sie die Enter
.
Führen Sie dann npm run dev
im Terminal aus, um einen Entwicklungsserver auszuführen, der statische Assets neu kompiliert, wenn Änderungen an der Vorlage vorgenommen werden.
Wenn Sie mit den Änderungen fertig sind, führen Sie npm run build
zum Kompilieren und minify für die Produktion aus.
Damit diese Laravel-Installation auf Ihrem lokalen Computer ordnungsgemäß funktioniert, können Sie den folgenden Befehl in Ihrem Terminalfenster ausführen.
php artisan serve
Sie sollten eine Meldung erhalten, die der folgenden ähnelt Starting Laravel development server: http://127.0.0.1:8000
Kopieren Sie einfach die URL in Ihren Browser und schon können Sie Ihre neue Mosaik-Laravel-App testen.
Wir sind ein italienisches Entwickler-/Designer-Duo, das hochwertige Design-/Code-Ressourcen für Entwickler, Macher und Startups erstellt.
Wenn Sie wissen möchten, wann wir neue Ressourcen veröffentlichen, können Sie @pacovitiello und @DavidePacilio auf X folgen oder unseren Newsletter abonnieren.