原来真的可以在 Next.js 中写 PHP 代码?网友的脑洞又大了!

开发 前端
Next.js 自从 13 版本以来,带来的 App Router、Server Component、Server Actions、预渲染(流式渲染)等功能,改变了以往传统的前端开发方式,新的开发范式,总会带来一些新的问题思考,这不一定就是坏的。​

Next.js 14 近期发布,其中一个重大的功能点是 Server Actions 成为稳定版,因其超前和熟悉的开发方式,在社交网络上引起了一阵讨论,应该是下面这张图的内容了。

图片图片

有人说这是又回到 PHP 的时代了吗?

古话说的好 “人有多大胆,地有多大产”。只要你敢想象,一切就皆有可能。这不,这几天 Github 上出现了一个 https://github.com/bufferhead-code/nextjs-use-php 的项目,它的目的是让你可以在 Next.js 中写 PHP,这是不是真的使 “嘲笑 PHP” -> “理解 PHP” -> “成为 PHP” 成为现实?(注意,这并不是真的!)

就像使用 "use server" 一样,在 React Server Component 中用 "use php" 来写 PHP 代码,如下所示:

return (
    <button
        formActinotallow={async () => {
            'use php'
            (new PDO('mysql:host=localhost:3306;dbname=public', 'root', 'root'))
                ->prepare("INSERT INTO Bookmarks (slug) VALUES (?)")
                ->execute(array('new'));
            }}>
        Insert Bookmark
    </button>
)

还可以在 React Client Component 中这样写:

// actions.js
'use server'

export async function phpHelloWorld() {
    'use php'
    print "Hello from PHP";
}
// page.tsx
import { phpHelloWorld } from "../actions";

上述代码,需要在 https://github.com/bufferhead-code/nextjs-use-php 仓库拉取代码并执行以下命令运行:

npm install
npm run build
npm run start

浏览器打开 http://localhost:3000 查看结果。

声明:我想说的是你不应该在任何项目中考虑使用它,上述只是作者通过一些脚本手段让这些奇怪的想法成为了一种可能,但你觉得会有实际意义吗?

类似这样愚蠢的项目还有 https://github.com/elnardu/react-use-c、https://github.com/elnardu/react-use-rust

图片图片

Next.js 自从 13 版本以来,带来的 App Router、Server Component、Server Actions、预渲染(流式渲染)等功能,改变了以往传统的前端开发方式,新的开发范式,总会带来一些新的问题思考,这不一定就是坏的。

责任编辑:武晓燕 来源: 编程界
相关推荐

2022-10-13 18:54:57

JavaScriptQwikReact

2023-10-30 07:13:56

2022-09-11 12:44:26

Windows 12操作系统

2015-06-26 11:14:09

Emoji 开发编程语言

2023-01-20 08:00:00

Next.js图片组件

2020-12-14 11:40:27

Next.js SSRReact

2020-09-17 20:19:35

人工智能机器学习技术

2024-03-29 08:32:01

Node.jsNext.js组件

2021-01-04 09:06:18

Next.js设计技巧

2023-11-23 10:45:13

Next.js 14Supabase

2023-11-16 07:43:26

Next.jsReact

2023-11-13 08:03:53

Next.js命令变量

2023-10-27 15:13:12

Next.jsRust

2022-02-22 20:48:48

RemixNext.js框架

2024-04-03 13:27:28

Next.js扩展项目

2021-12-27 08:31:42

Next.js SSRSSG

2024-02-05 11:55:41

Next.js开发URL

2024-03-05 19:17:37

2023-03-21 08:02:34

架构React服务器

2023-09-20 10:14:03

Next.js前端
点赞
收藏

51CTO技术栈公众号