NuxtVue启动器

nuxt-wasmer-starter — Nuxt 启动器模板

作者 wasmer-examples

用于在 Wasmer Edge 上托管静态生成 Nuxt 站点的启动器模板。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-13查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

演示 Nuxt 应用静态生成后部署到 Wasmer Edge 的完整流程

生成产物位于 .output/public，由 Wasmer Edge 直接作为静态文件提供，无需 serverless 函数

包含 app.vue 与 components/ 组件，nuxt.config.ts 使用默认静态目标

README 说明 Nuxt 在 Wasmer 上基于 WinterJS 的服务端渲染方案仍在开发中，当前仅覆盖预渲染静态站点

提供本地开发与生成预览命令，以及部署到 Wasmer Edge 的步骤说明

模板详细介绍

这是一个面向 Wasmer Edge 的 Nuxt 启动器，演示如何把 Nuxt 应用静态生成后部署到 Wasmer Edge。README 明确说明当前模板走的是 `npm run generate` 路径，生成结果输出到 `.output/public`，由 Wasmer Edge 直接作为静态文件提供，不需要 serverless 函数。

模板本身包含 `app.vue` 与 `components/` 下的组件用于渲染界面，`nuxt.config.ts` 使用默认静态目标。页面可以放在 `pages/` 下，也可以按常规使用内容模块，但前提是内容能在构建时提前生成。README 同时指出，Nuxt 在 Wasmer 上基于 WinterJS 的完整服务端渲染方案仍在开发中，因此该模板目前只覆盖预渲染静态站点这一种形态。

本地开发使用 `npm install` 与 `npm run dev`，默认访问 `http://127.0.0.1:3000/`；预览生成结果则先 `npm run generate` 再 `npm run preview`。部署时先执行 `npm run generate`，再让 Wasmer Edge 发布 `.output/public`（或复制到 `dist/` 目录）。仓库采用 MIT 许可，公开仓库中另有在线演示地址。

Nuxt启动器

适合你的项目吗？

适用场景

把已有的 Nuxt 页面或内容模块预渲染为静态站点并托管到 Wasmer Edge
在 Wasmer Edge 上搭建纯静态 Nuxt 站点，不引入服务端函数
本地验证 Nuxt 静态生成与预览流程，再决定是否部署

适合人群

希望用 Nuxt 构建静态站点并部署到 Wasmer Edge 的开发者
需要一份可直接运行的 Nuxt 静态生成与部署示例的团队
正在评估 Wasmer Edge 静态托管能力的 Nuxt 用户

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
本地开发：执行 npm install 后运行 npm run dev，默认访问 http://127.0.0.1:3000/
2
预览生成结果：先运行 npm run generate，再运行 npm run preview
3
部署到 Wasmer Edge：先运行 npm run generate，再让 Wasmer Edge 发布 .output/public，或将其复制到 dist/ 目录
4
页面需放在 pages/ 下或按常规使用内容模块，并确保内容可在构建时提前生成
5
该模板当前只覆盖静态生成路径，不包含 Wasmer 上的服务端渲染支持

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
该模板目前仅支持静态生成（npm run generate）并部署预渲染站点；Nuxt 在 Wasmer 上基于 WinterJS 的完整服务端渲染方案仍在开发中，暂不可用。
页面或内容模块必须能在构建时提前静态生成，无法预渲染的动态内容不适用于该模板。
部署依赖 Wasmer Edge 平台，需将其配置为发布 .output/public 目录（或复制到 dist/ 目录）。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

> Nuxt’s full server-side rendering story for Wasmer (via WinterJS) is in progress. For now, this template targets **`npm run generate`** so you can deploy a pre-rendered site.
README 原文

Add pages under `pages/` or use content modules as usual—just make sure everything can be generated ahead of time.
README 原文

2. Configure Wasmer Edge to publish `.output/public` (or copy it to a `dist/` directory).
README 原文

https://github.com/wasmer-examples/nuxt-wasmer-starter/blob/main/LICENSE https://github.com/wasmer-examples/nuxt-wasmer-starter/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 75 / 100
技术栈: Nuxt · Vue
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-03-05
截图检查日期: 2026-10-13

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Nuxt。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: 94c36da77c00b6d6c1e6b9d90153b786e93df61b9d3823158cba34f3ffb0a48e

2026-10-13T04:40:34.272Z

来源文件 / 仓库

# Nuxt 3 Static Site + Wasmer

This example shows how to statically generate a **Nuxt 3** app and host it on **Wasmer Edge**.

> Nuxt’s full server-side rendering story for Wasmer (via WinterJS) is in progress. For now, this template targets **`npm run generate`** so you can deploy a pre-rendered site.

## Demo

https://nuxt-starter-wasmer-examples.wasmer.app/

## How it Works

Key pieces of the starter:

* `app.vue` and components under `components/` render the UI.
* `nuxt.config.ts` uses the default static target; when you run `npm run generate` the site is output to `.output/public`.
* The static folder is served directly by Wasmer Edge, so no serverless functions are required.

Add pages under `pages/` or use content modules as usual—just make sure everything can be generated ahead of time.

## Running Locally

```bash
npm install
npm run dev
```

Visit `http://127.0.0.1:3000/` for the dev server. To preview the generated output Wasmer will get:

```bash
npm run generate
npm run preview
```

## Deploying to Wasmer (Overview)

1. Run `npm run generate` to emit the static site into `.output/public`.
2. Configure Wasmer Edge to publish `.output/public` (or copy it to a `dist/` directory).
3. Deploy and browse `https://<your-subdomain>.wasmer.app/`.

反馈内容错误