LaravelReact启动器

mylarainreact — Laravel 启动器模板

作者 ary21

基于 Laravel、Inertia、React 与 Tailwind 的启动器模板，内置 Laravel Fortify 认证，提供登录、首页、个人资料与菜单页面示例。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-13查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

Laravel 后端与 React 前端通过 Inertia 连接，无需单独构建 API

内置 Laravel Fortify 认证，认证控制器发布到应用内可自定义

使用 Tailwind CSS 进行样式处理

包含 Laravel Sail 本地开发环境配置

集成 Ziggy 在 JavaScript 中访问 Laravel 路由

提供登录、首页、个人资料和菜单页面示例

模板详细介绍

mylarainreact 是一个 Laravel 启动器项目，前端使用 React，并通过 Inertia 连接后端，样式采用 Tailwind CSS。项目在 kachidk/React-Inertia-Laravel-Tailwind-starter-kit 基础上改进，目标是为需要认证功能的 Laravel 应用提供最小化起点。

模板内置 Laravel Fortify 认证，认证控制器会发布到应用中，便于按业务需求修改。README 展示了登录页、首页、个人资料页和菜单页的截图，说明这些页面已包含在初始结构中。

项目还包含 Laravel Sail 用于本地开发环境，并配置了 Ziggy 以在 JavaScript 中访问 Laravel 路由。README 提到通过 webpack 为 resources/js 设置全局别名 '@'，便于绝对路径导入。

使用限制方面，README 的安装步骤包含删除 docs 目录和 README.md 的操作，说明文档与预览图属于模板示例内容，不应保留在最终项目中。README 中关于硬跳转的提醒针对会话刷新与 419 错误，属于使用注意事项而非通用功能。项目最后更新于 2021 年，依赖版本以 README 所列清单为准，未提供后续维护或兼容性说明。

LaravelReact启动器

适合你的项目吗？

适用场景

需要快速搭建带认证功能的 Laravel + React 项目原型
希望使用 Inertia 替代前后端分离 API 的 Laravel 应用
需要以 Laravel Fortify 为基础定制认证流程的项目
想参考 Tailwind 与 React 在 Laravel 中的页面组织方式

适合人群

熟悉 Laravel 与 React 并希望减少初始配置的开发者
需要认证起点且计划自行修改认证控制器的项目
接受以 Inertia 作为前后端连接方式的技术选型
用于学习或内部原型，而非直接投入生产的场景

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
依次执行 composer install、npm install、npm run dev
2
复制 .env.example 为 .env 并运行 php artisan key:generate
3
运行 php artisan storage:link 创建存储链接
4
按需删除 docs 目录与 README.md，避免示例文档进入最终项目
5
README 提醒在需要刷新会话的页面使用 Inertia::Location 进行硬跳转，以避免 419 错误

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
安装步骤要求删除 docs 目录，说明文档与预览图属于模板示例内容，不应保留在最终项目中。
安装步骤要求删除 README.md，说明该说明文件属于模板示例内容，不应保留在最终项目中。
在需要刷新会话的页面应使用 Inertia::Location 进行硬跳转，以避免 419 页面过期错误。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

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

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

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

https://github.com/ary21/mylarainreact/blob/main/LICENSE https://github.com/ary21/mylarainreact/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 58 / 100
技术栈: Laravel · React
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2021-09-14
截图检查日期: 2026-10-13

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Laravel。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

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' />

反馈内容错误