- Forums
- laravel
- New MDB Laravel Inertia/Breeze to Vite React Application Project
This Page Contains information about New MDB Laravel Inertia/Breeze to Vite React Application Project By edw in category laravel with 0 Replies. [5293], Last Updated: Mon Jun 24, 2024
edw
Mon Feb 26, 2024
0 Comments
273 Visits
Install New Laravel Project With Bash Script
- Create the laravel Jetstream application with a bash script
- Open terminal to where you want to install this app.
rm -f laravel-with-jetstream-bash-script.sh
curl -o ./laravel-with-jetstream-bash-script.sh https://www.webune.com/forums/laravel-with-jetstream-bash-script.html
chmod +x laravel-with-jetstream-bash-script.sh
./laravel-with-jetstream-bash-script.sh
Reference: https://www.webune.com/forums/create-deploy-new-laravel-react-app-login-breeze-inertia-authentication.html
Optional versions:
- 5112: https://www.webune.com/forums/laravel-with-login.html
- 5154: https://www.webune.com/forums/create-deploy-new-laravel-react-app-login-breeze-inertia-authentication.html
- 5293: https://www.webune.com/forums/new-mdb-laravel-inertia-breeze-to-vite-react-application-project.html
To install MDB into a laravel with Intertia and React:
$ npm i mdb-react-ui-kit
$ npm i @fortawesome/fontawesome-free
$ code resources/js/app.jsx
ADD:
import 'mdb-react-ui-kit/dist/css/mdb.min.css';
import "@fortawesome/fontawesome-free/css/all.min.css";
$ code resources/css/app.css
ADD:
body {
font-family: Roboto, Helvetica, Arial, sans-serif;
}
$ code resources/js/Pages/Dashboard.jsx
Add
<div className="p-5 text-center bg-body-tertiary">
<h1 className="mb-3">Heading</h1>
<h4 className="mb-3">Subheading</h4><a data-mdb-ripple-init className="btn btn-primary" href=""
role="button">Call to action</a>
</div>