NuxtVueStarter

nuxt-wasmer-starter — Nuxt Starter Template

By wasmer-examples

A starter template for hosting statically generated Nuxt sites on Wasmer Edge.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Demonstrates the complete workflow of statically generating a Nuxt application and deploying it to Wasmer Edge

02

Generated output is located in .output/public and served directly by Wasmer Edge as static files, with no serverless functions required

03

Includes app.vue and components under components/, with nuxt.config.ts using the default static target

04

The README states that a server-side rendering solution for Nuxt on Wasmer based on WinterJS is still in development, and the current template only covers pre-rendered static sites

05

Provides commands for local development and generation preview, as well as steps for deploying to Wasmer Edge

Template Details

This is a Nuxt starter for Wasmer Edge that demonstrates how to statically generate a Nuxt application and deploy it to Wasmer Edge. The README explicitly states that the current template follows the `npm run generate` path, with output written to `.output/public`, which Wasmer Edge serves directly as static files without serverless functions.

The template includes `app.vue` and components under `components/` for rendering the interface, and `nuxt.config.ts` uses the default static target. Pages can be placed under `pages/` or use content modules as usual, provided the content can be generated ahead of time at build time. The README also notes that a full server-side rendering solution for Nuxt on Wasmer based on WinterJS is still in development, so this template currently only covers the pre-rendered static site form.

For local development, use `npm install` and `npm run dev`, with the default access at `http://127.0.0.1:3000/`; to preview the generated output, first run `npm run generate` and then `npm run preview`. For deployment, first run `npm run generate`, then have Wasmer Edge publish `.output/public` (or copy it to the `dist/` directory). The repository is MIT licensed, and an online demo address is available in the public repository.

NuxtStarter

Is it right for your project?

Use Cases

  • Pre-render existing Nuxt pages or content modules as a static site and host it on Wasmer Edge
  • Set up a purely static Nuxt site on Wasmer Edge without introducing server-side functions
  • Validate the Nuxt static generation and preview workflow locally before deciding whether to deploy

Suitable For

  • Developers who want to build static sites with Nuxt and deploy them to Wasmer Edge
  • Teams that need a ready-to-run example of Nuxt static generation and deployment
  • Nuxt users evaluating Wasmer Edge's static hosting capabilities

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Local development: run npm install, then npm run dev; default access at http://127.0.0.1:3000/

  2. 2

    Preview generated output: first run npm run generate, then run npm run preview

  3. 3

    Deploy to Wasmer Edge: first run npm run generate, then have Wasmer Edge publish .output/public, or copy it to the dist/ directory

  4. 4

    Pages must be placed under pages/ or use content modules as usual, and content must be generated ahead of time at build time

  5. 5

    This template currently only covers the static generation path and does not include server-side rendering support on Wasmer

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • This template currently only supports static generation (npm run generate) and deploying pre-rendered sites; a full server-side rendering solution for Nuxt on Wasmer based on WinterJS is still in development and not yet available.
  • Pages or content modules must be statically generatable ahead of time at build time; dynamic content that cannot be pre-rendered is not suitable for this template.
  • Deployment depends on the Wasmer Edge platform, which must be configured to publish the .output/public directory (or copy it to the dist/ directory).
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

> 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.

Original README

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

Original README

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

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

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 75 / 100
Technologies
Nuxt · Vue
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-03-05
Screenshot last checked
2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 94c36da77c00b6d6c1e6b9d90153b786e93df61b9d3823158cba34f3ffb0a48e

2026-10-13T04:40:34.272Z

Source file / repository
# 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/`.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.