Inertia.js 的服务器端渲染

发布时间 作者

Server-side Rendering for Inertia.js image

Inertia 团队宣布发布了 Inertia.js 的服务器端渲染 (SSR)

使用 Laravel 或 Rails 编写的 Inertia.js 应用程序现在有了额外的好处,可以在服务器上预渲染初始页面加载,并将 HTML 发送到浏览器。SSR 使用户能够更快地与页面交互,并帮助搜索引擎更快地抓取页面。

我发现这项工作的重要意义在于,通常,SSR 意味着您的服务器端是用 Node.js 编写的,而用 PHP 或 Ruby 编写的代码就不可行了。Inertia.js 中 SSR 的美妙之处在于,您可以使用 Laravel 或 Rails 编写服务器端应用程序,但 Inertia.js 在幕后通过一个单独的 Node.js 进程渲染 HTML。

当 Inertia 检测到它在 Node.js 环境中运行时,它将自动将提供的 页面对象 渲染为 HTML 并返回。

但是,由于大多数 Inertia 应用程序是用 PHP 或 Ruby 等语言构建的,我们需要将请求转交给一个单独的 Node.js 服务,以便它可以为我们渲染页面,并在完成后将生成的 HTML 返回到浏览器。

SSR 在发布公告中已适用于 Vue、Vue 3 和 React 适配器——Svelte 适配器正在开发中。今天,您可以通过查看文档和设置指南,开始使用 服务器端渲染

Paul Redmond photo

Laravel 新闻的专栏作家。全栈 Web 开发人员和作家。

分类
Cube

Laravel 新闻通讯

加入 40,000 多名其他开发者,不错过任何新的技巧、教程等等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动补全和本地和生产环境的即时反馈进行调试。

Tinkerwell
No Compromises logo

No Compromises

Joel 和 Aaron,来自 No Compromises 播客的两名经验丰富的开发者,现在可供您雇用,为您的 Laravel 项目服务。⬧ 固定费用 $7500/月。⬧ 没有冗长的销售流程。⬧ 没有合同。⬧ 100% 退款保证。

No Compromises
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序成功。

Kirschbaum
Shift logo

Shift

正在运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

只需 $2500/月,即可为您的项目配备经验丰富的 Laravel 开发人员,拥有 4-6 年的经验。获得 160 小时的专业知识和 15 天的无风险试用。立即安排通话!

Bacancy
Lucky Media logo

Lucky Media

立即获得 Lucky - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar: Laravel 电子商务

Laravel 电子商务。一个开源包,将现代无头电子商务功能的强大功能带到 Laravel。

Lunar: Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 工作板

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS 启动套件

SaaSykit 是一个 Laravel SaaS 启动套件,包含运行现代 SaaS 所需的所有功能。支付、漂亮的结账、管理面板、用户仪表板、身份验证、现成组件、统计数据、博客、文档等等。

SaaSykit: Laravel SaaS 启动套件
Rector logo

Rector

您无缝升级 Laravel、降低成本和加速创新的合作伙伴,帮助企业取得成功

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成来增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。了解 MongoDB 的灵活、现代数据库如何改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的无依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

将 Swagger UI 添加到您的 Laravel 应用程序

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel 提示构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 包向您的 Laravel 应用程序添加评论

阅读文章