DEV Community
·
如何使用 Remix Run 框架 SSG 生成静态网站
💡
原文英文，约1100词，阅读约需4分钟。
📝
内容提要
Remix Run 是一个现代全栈 web 框架，专注于性能和 SEO，适用于动态和静态页面开发。本文介绍如何使用 Remix 创建静态页面，适合着陆页和博客。安装 Node.js 和 Remix 后，在 routes 目录创建页面文件，通过预渲染生成 HTML 文件，提高加载速度。可部署在 Netlify 等平台。
🎯
关键要点
- Remix Run 是一个现代全栈 web 框架，专注于性能和 SEO，适用于动态和静态页面开发。
- 静态页面是内容不随用户交互或外部数据变化的网页，适合着陆页、博客等。
- 在开始之前，需要安装 Node.js 和 Remix CLI。
- 使用命令 npx create-remix@latest 创建 Remix 项目，并选择适合静态页面的配置。
- 项目结构中，app/routes 文件夹是创建页面的主要位置，每个文件对应一个路由。
- 通过在 routes 目录中创建新的文件来创建静态页面，例如 about.tsx。
- 生成静态页面的主要目的是在构建时预渲染为 HTML 文件，减少运行时的服务器处理。
- 使用 npm run build 命令构建应用，生成的 HTML 文件将保存在 build/client 文件夹中。
- 可以使用 wget 下载生成的页面，并保存为 HTML 文件。
- 可以通过 Netlify 等平台部署静态页面，支持静态站点生成。
- 使用 Remix 框架生成静态页面是一种高效的方式，能够创建快速且优化 SEO 的网站。
➡️
