Project created to test new technologies in the frontend, instead of the traditional Vue that comes by default with Jetstream Inertia.
To create a new Laravel project with Jetstream, Inertia, React and Typescript, follow the instructions of the following ozziexsh repository.
# Create a new project
composer create-project laravel/laravel my_app
cd my_app
# Install Jetstream Inertia
composer require laravel/jetstream
php artisan jetstream:install inertia
# Change from Vue to React
npx laravel-jetstream-react@latest install
- Zustand library
- Heroicons React library
- UI Avatars API
- Changed the default horizontal navbar at the top to a responsive sidebar on the left side.
- Switching themes from light to dark, based on TailwindCSS classes
# Clone from github
git clone https://github.com/cpaucarc/jetstream-react-ts.git
cd jetstream-react-ts/
# Install composer and node dependencies
composer install
npm install
# Setting laravel environment variables
cp .env.example .env
php artisan key:generate
php artisan storage:link
# Create a new database in MySQL and migrate tables
php artisan migrate --seed
# Run project
php artisan serve # In console/terminal 1
npm run dev # In console/terminal 2