mylarainreact — Laravel Starter Template

SHA-256: 9afe759b40eff3973cd15f0273fefeb926564da91e853a2a55ab7667d955687e

2026-10-13T00:45:58.233Z

# mylarainreact
Starter Kit Project with Laravel Inertia React JS


# Laravel React Inertia Tailwind starter kit
Improve from : https://github.com/kachidk/React-Inertia-Laravel-Tailwind-starter-kit

## Includes Laravel Fortify for authentication 

## Introduction
This starter kit provides a minimal and simple starting point for building a Laravel application with authentication. Styled with Tailwind. It also includes [Laravel Fortify](https://laravel.com/docs/8.x/fortify) which publishes authentication controllers to your application that can be easily customized based on your own application's needs.

This starter is powered by React, Inertia, Tailwind and Laravel.

### Includes
* Laravel v8.40
* Laravel fortify v1.7
* Laravel sail v1.0.1
* React v17.0.2
* React prop-types v15.7.2
* Inertia v0.8.7 
* Inertia-react v0.5.12 
* Inertia-laravel v0.4.2 
* Inertia-progress v0.2.4 
* Tailwindcss v2.1.2 
* Ziggy v1.2


## Notable Packages

-   [Laravel](https://laravel.com) - Backend 🎰
-   [ReactJs](https://reactjs.com) - Frontend 💻
-   [InertiaJs](https://inertiajs.com) - Mediator(Helps discard API) 🧑‍🦯
-   [Tailwindcss](https://tailwindcss.com) - Styling 💅

## How do I set this up

* Click Use as Template up there.
* Follow the self explanatory Steps.
* Clone your generated Repo Locally ``` git clone repo-name new-folder-name ```
* In the Root of your local Repository;

```bash
1. composer install

2. npm install

3. npm run dev

4. cp .env.example .env

5. php artisan key:generate

6. php artisan storage:link

// To remove the documentation
7. rm -r docs  // windows
   rm -r docs  // linux

8. del readme.md  // windows
   rm README.md   // linux

```

## Just Reminders 😅

* Make Hard Visits with 
    ```
    Inertia::Location(route('login'));
    ```
    Good for those pages that require refresh of sessions, to avoid 419 error (Page Expired).

* Global alias
    ```bash
    const path = require('path');

    .webpackConfig({
        resolve: {
            alias: {
                //making a global alias
                '@': path.resolve('resources/js')
            },
        },
    });
    ```
    I made a global alias '@' for absolute path imports.

## How it looks

<img src='docs/login-page.png' />

<img src='docs/home-page.png' />

<img src ='docs/profile-page.png' />

<img src='docs/menu-page.png' />