主要观点:作者近期在考虑从当前的 Web 应用栈迁移到现代 Web 框架,对 FastHTML、Next.js 和 Svelte 感兴趣,通过用这三个框架构建相同的 Web 应用“Look at Your Data”来比较它们的特点和开发者体验,包括数据上传下载、表格查看更新删除等操作,还在 Twitter 和 LinkedIn 上对这三个框架进行了投票,同时探讨了编码助手对框架选择的影响等。
关键信息:
- FastHTML:一个月前 Jeremy Howard 推出,很多人开始使用,目标是用纯 Python 实现现代 Web 应用,可在单个
main.py
和style.css
中实现应用,Hamel 等还分享了技巧和资源。 - Next.js:有大量应用如
cal.com
和roomGPT
,通过教程学习,构建应用代码比 Python 版本多,内置 Tailwind CSS 使其更美观,组织较为直观。 - SvelteKit:过去几年在开发者中受欢迎,通过教程学习,创建模板需运行特定命令,模板有多个目录和部分,与 Next.js类似。
- FastAPI + Svelte:将 FastAPI 作为后端,Svelte 用于前端,存在协调通信的挑战,在生产环境中 Svelte 应用会静态编译并向 FastAPI 后端发送请求。
- 编码助手影响:LLM 可能对新框架如 Svelte 和 FastHTML 的效果不佳,Jeremy Howard 和 Rich Harris 等在为其提供更利于 LLM 学习的文档,以解决冷启动问题。
重要细节: - 构建“Look at Your Data”应用时,在不同框架下的代码结构和页面展示情况,如 FastAPI 与 Jinja 等结合的代码结构和页面,FastHTML 的简单 ToDo 应用示例及 Jeremy 版本的展示,Next.js 的教程学习过程和应用结构及页面,SvelteKit 的教程学习及应用结构和页面,FastAPI + Svelte 的组合应用结构和页面等。
- 在 Twitter 和 LinkedIn 上的投票情况及相关链接。
- 关于如何学习 Next.js 和 Svelte 的资源询问及引用信息等。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。