我用Laravel12+Inertia.js+Vue3重构了我的网站

背景:2021年过完大年初七,背井离乡第一次坐高铁(邯郸-济南)找工作

21年11月份的时候想写一个自己的网站,回想当初找工作遇到过坑“试用期过后直接辞退”,所以打算写一个本地的找工作分享的网站。

当时第一版是用tp框架写的,mvc的方式,页面是直接引入vue.js的方式。

网站写出来后,也没去宣传,是我公司的产品经理知道这件事后分享到了他的产品群里,就这样一传十,十传百,网站在济南程序员圈子里慢慢有了知名度。

23年初的时候,听说了webman框架,当时工作也不忙就用webman重构了网站,vue2前后端分离的那种。

我用Laravel12+Inertia.js+Vue3重构了我的网站

一直到2025年初,看到Laravel出了12版本,看到官方出了很多新的功能,其中inertia.js吸引了我,发现这个太适合独立开发者去开发自己的网站了,这样我就不需要去维护两个代码仓库了,开发也不需要来回切换编辑器。

而且也能减少axios的网络请求代码量,大大提高个人程序员的开发效率,说干就干,就这样平时上班不忙就敲代码。

2025年4月16号,发布了我第二次重构后的版本。

旧版

我用Laravel12+Inertia.js+Vue3重构了我的网站

重构

我用Laravel12+Inertia.js+Vue3重构了我的网站

网站地址:
gshmd.vip

服务器管理用的1panel,原来一直用的宝塔,既然都是重构了,就想着也换一个新的服务器管理软件吧,1panel的页面看起来更舒服一些。

吐槽:
网站持续集成用的阿里云效流水线,流水线的php打包最高支持的php版本还是8.1,太不友好了,还要上传自己的镜像仓库。

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 12
JaguarJack

用 github action 呀。多方便

10小时前 评论
WHOAMI_ (楼主) 10小时前
欲饮琵琶码上催

inertia.js 从没用过,不过看它官网的介绍好像确实非常适合独立开发者,不需要两套路由,不过不知道坑多不多。

10小时前 评论
WHOAMI_ (楼主) 10小时前

可以,没想着加上tailwindcss吗,之前试过laravel12.x改动还是挺大的,然后很多包还没支持到,目前还是用的laravel10.x::joy

9小时前 评论
WHOAMI_ (楼主) 9小时前

怎么看待自己兴致勃勃重构完,用户说难用。 :joy: 虽然没有看过旧版,但是现在这个布局 卡片的空白区域太多了。我觉得你不如首页中间就一个卡片 然后把信息一条一条列上去 【用户】标题 【发布时间】这个一屏能看到更多的信息。

9小时前 评论
WHOAMI_ (楼主) 9小时前

难用。浪费精力

9小时前 评论
WHOAMI_ (楼主) 9小时前

感觉还是旧版更好看 :joy:

8小时前 评论
WHOAMI_ (楼主) 8小时前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!