öffentliche Büro Dateien
IT-Beratung & Service S.G.

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
step by step von DB.Arts / / D. Bakumenko ((„Wer Rechtschreibfehler findet, darf sie behalten.“ oder sofort selbst berichtigen über Seite bearbeiten & speichern Click&Click))

====== Laravel-Authentifizierung mit React und Tailwind CSS ======
zu integrieren:

  - Erstelle ein neues Laravel-Projekt und navigiere in das Projektverzeichnis: \\ #bash bedeutet -> 'ins Terminal eingeben'       :) \\ bash: ''laravel new mein-projekt'' ''cd mein-projekt''
  - Installiere Laravel/UI-Paket für die Authentifizierung und UI-Komponenten: \\ bash: ''composer require laravel/ui''
  - Installiere NPM-Pakete für React, React-DOM, Tailwind CSS und Laravel-Mix: \\ bash: ''npm install react react-dom tailwindcss laravel-mix --save-dev''
  - Initialisiere Laravel-Mix und erstelle die Tailwind CSS-Konfigurationsdatei: \\ bash: ''npx tailwindcss init''
  - Erstelle Authentifizierungsscaffolding mit Vue.js (oder React): \\ bash: ''php artisan ui react --auth''
  - Installiere JavaScript-Abhängigkeiten und kompiliere Assets: \\ bash: ''npm install && npm run dev''
  - Öffne die Datei webpack.mix.js und konfiguriere sie, um Tailwind CSS zu verwenden: 
<code javascript name='webpack.mix.js'>

	const mix = require('laravel-mix');

	mix.react('resources/js/app.js', 'public/js')
    	.postCss('resources/css/app.css', 'public/css', [
    	require('tailwindcss'),
    	]);
</code>    
  - Öffne die Datei resources/js/app.js und registriere die Authentifizierungskomponenten:
<code javascript name='resources/js/app.js'>

	require('./bootstrap');


// Importiere die React-Komponenten für die Authentifizierung
	

	require('./components/App');
</code>
  - Erstelle die React-Komponenten für die Authentifizierung:
  - Erstelle die Datei resources/js/components/App.js und füge die React-Router-Logik und die Authentifizierungskomponenten hinzu.
  - Erstelle die Datei resources/js/components/Login.js und füge den Login-Formularcode hinzu.
  - Erstelle die Datei resources/js/components/Register.js und füge den Registrierungsformularcode hinzu.
  - Erstelle die Datei resources/js/components/Home.js und füge die Home-Seitenkomponente hinzu. Füge Tailwind CSS-Klassen hinzu:
  - Verwende Tailwind CSS-Klassen in deinen React-Komponenten und HTML-Dateien, um das Styling deiner Anwendung zu gestalten.
  - Passe die Routen an und erstelle die Controller-Logik, um Benutzerdaten zu validieren und zu speichern.

==== Teste deine Anwendung ====
Starte den Entwicklungsserver mit \\        
bash: ''php artisan serve'' \\ 
und öffne deine Anwendung in deinem Browser, um sicherzustellen, dass alles wie erwartet funktioniert.

//**__viel Spaß damit Stefan__**//

dies ist ein Unikat extra grad für dich nochmal leserlich gestaltet 
es sollte funktionieren, bei mir läuft es und habe auch vite drin. Schaue dir die config Datein an wenn du die Anleitung durch hast dann siehste auch wo du tailwind einfügen kannst statt bootstrap oder es dabei belässt oder sogar beides benutzt aber da musste gucken ob die sich nicht in die quere kommen.

Bisher ist das meiner Meinung nach die universal Lösung für alle von uns weil du hast php und blade laravel du hast js boots/css/tailwind und komponentiesiert und es ist jederzeit auch mit vue statt react ersetzbar und hat somit backend und frontend eccht krass datenbank kann perfect mit front und backend arbeiten und problemlos komunizieren

Eine gute Basis als gemeinschafts Ding alles programieren zu können was man will und hat dabei auch alle Möglichkeiten das gelernt aus irgendeiner Sprache anzuwenden ohne die anderen zu überforden 

wenn du probleme haben solltest dann sag bescheeid wenn es nur paar tabellen oder button sind die irgendein sound machen oder irgendein event oder action auslösen hauptsache es ist von dir ausgedacht und es kann auch sinnfrei sein oder nur zum entainment sein aber bitte was eigenes egal was oder wie viel 5-10 zeilen ulkiges schaffste 
dann können wir auch weitersehen wenn das bis dahin klappt und ich bin auch bereit dann eher was gemeinsam zu machen und auch die andern dabei einzubinden  

so goodbye viel Erfolg 
entäusch mich nicht ;)

mfg 

salt-slicer aka dima
öffentliche Büro Dateien IT-Beratung & Service S.G.

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge

öffentliche Büro Dateien
IT-Beratung & Service S.G.
