NuxtVue启动器

nuxstr — Nuxt 启动器模板

作者 nostrver-se

nuxstr 是一个基于 Nuxt 与 Vue 的 Nostr 客户端启动模板，集成 NDK、Pinia、TailwindCSS 与 PWA 模块，提供全局 feed、登录与基础页面示例。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

基于 Nuxt 与 Vue 的 Nostr 客户端启动模板

02

集成 Nostr Dev Kit（NDK）并通过 Pinia 管理 NDK 与用户状态

03

包含全局 feed、基础个人资料页与响应式布局示例

04

提供 kind 1 短文本笔记与 kind 30023 长文内容组件

05

支持 NIP-07 浏览器扩展登录，并渲染 NIP-19 标识符

06

集成 TailwindCSS 与 vite-pwa-nuxt，支持静态站点构建

模板详细介绍

nuxstr 是 nostrver-se 维护的启动器模板，目标是用 Nuxt 与 Vue 搭建 Nostr 客户端。仓库说明中列出的技术组合包括 Nuxt、Pinia 模块、vite-pwa-nuxt、TailwindCSS 以及 Nostr Dev Kit（NDK），图标来自 heroicons。

按 README 的路线图，已完成的部分有：用 Pinia 建立 NDK store 与用户 store、全局 feed 示例、集成 PWA 与 TailwindCSS、布局与页面过渡、带 header/navigation/main/footer 的基础响应式结构、通过 NIP-07 使用浏览器扩展登录、基础个人资料页、kind 1 短文本笔记组件、kind 30023 长文内容组件，以及在内容字段中渲染 NIP-19 标识符。

尚未完成或仍在计划中的条目包括：关注 npub 的个人 feed、NIP-46 Wallet Connect 登录、中继设置与偏好、登出/断开连接、下载或备份全部事件、Zap 示例、通过 kind 30078 事件共享状态、Web Push 通知、NIP-52，以及接入 Nostr WYSIWYG 编辑器撰写笔记。这些条目在 README 中以未勾选状态列出，不代表模板已具备对应功能。

部署方面，README 给出静态站点构建方式：运行 npm run generate，将 .output/public 部署到任意静态托管；同时提示需按 vite-pwa-nuxt 的部署文档配置服务器以使用 PWA 功能。许可为 Unlicense，仓库中的演示图片、字体、图标等第三方素材需单独核对授权。

NuxtVue启动器

适合你的项目吗？

适用场景

  • 快速搭建一个 Nostr 客户端原型并查看 feed 与资料页效果
  • 学习如何在 Nuxt 项目中接入 NDK 与 Pinia 状态管理
  • 以现成布局和笔记组件为基础扩展自定义 Nostr 界面
  • 构建可部署到静态托管的 PWA 形式 Nostr 客户端

适合人群

  • 熟悉 Vue 或 Nuxt、希望尝试 Nostr 客户端开发的开发者
  • 需要 Nostr 客户端起步代码而非从零搭建的项目
  • 想参考 NDK 与 Pinia 集成方式的前端工程师

上手与定制指南

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

  1. 1

    README 未提供完整的本地安装与运行命令，仅给出静态构建命令 npm run generate

  2. 2

    静态构建产物位于 .output/public，可部署到任意静态托管

  3. 3

    使用 PWA 功能前需按 vite-pwa-nuxt 部署文档配置服务器

  4. 4

    仓库采用 Unlicense，但演示图片、字体、图标等第三方素材需单独核对许可

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

  • 允许免费复制、修改、发布、使用、编译、销售和分发该版本代码，包括商业用途。
  • 作者通过公有领域贡献声明放弃相关版权；该声明的法律效果取决于适用司法辖区。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 登录功能依赖浏览器 Nostr 扩展（NIP-07）提供密钥签名，用户需自行安装并配置此类扩展，模板本身不包含密钥管理。
  • 使用 PWA 功能需按 vite-pwa-nuxt 部署文档自行配置服务器，否则无法获得完整 PWA 特性。
  • 图标来自 heroicons 第三方素材，其授权需单独核对，不随 Unlicense 代码许可一并授予。
  • 部署需遵循 Nuxt 静态托管文档，构建产物 .output/public 需自行部署到静态托管服务。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 Unlicense 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

for any purpose, commercial or non-commercial, and by any means

许可证原文

Login with extension [NIP-07](https://nostr-nips.com/nip-07)

README 原文

Also make sure to read https://vite-pwa-org.netlify.app/deployment/ to setup your server correctly and benefit from all the provided PWA features.

README 原文

SVG icons used from [hericons](https://heroicons.com/)

README 原文

See https://nuxt.com/docs/getting-started/deployment#static-hosting

README 原文
https://github.com/nostrver-se/nuxstr/blob/master/LICENSE.txthttps://github.com/nostrver-se/nuxstr/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 92 / 100
技术栈
Nuxt · Vue
网站类型
启动器
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2026-09-04
截图检查日期
2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 01f2f8d506a0cfb8dc25dee1ebaf7fe16c6a81746e7d54ceb078d4cf94ee7b11

2026-10-02T23:48:13.891Z

来源文件 / 仓库
# Nuxt + Nostr = Nuxstr
> Starter template for building a Nostr client with the Nuxt Vue framework and Nostr Dev Kit.

What's included in this repo?
+ Nuxt: https://nuxt.com/
+ Pinia module: https://nuxt.com/modules/pinia
+ PWA module: https://nuxt.com/modules/vite-pwa-nuxt
+ TailwindCSS: https://nuxt.com/modules/tailwindcss
+ Nostr Dev Kit (NDK): https://github.com/nostr-dev-kit/ndk
+ SVG icons used from [hericons](https://heroicons.com/)

## Demo

Visit https://nuxstr.nostrver.se

## Learning resources

Learn more about Nuxt: https://nuxt.com  
Explore Nuxt modules: https://nuxt.com/modules  
Learn more about Nostr: https://nostr.org  
NDK documentation: https://nostr-dev-kit.github.io/ndk/
Nostr NIPs, kinds and tags: https://nips.nostr.com
Explore Nostr clients: https://nostr.net/  
Get familiar with designing for Nostr: https://nostrdesign.org

## Roadmap
- [x] State management: add NDK store with [Pinia](https://nuxt.com/modules/pinia)
- [x] Global feed example
- [ ] Personal feed example with content from the npubs you follow
- [x] Integrate [vite-pwa-nuxt](https://nuxt.com/modules/vite-pwa-nuxt)
- [x] Integrate [TailwindCSS](https://nuxt.com/modules/tailwindcss)
- [x] Add layout / page [transitions](https://nuxt.com/docs/getting-started/transitions#layout-transitions) 
- [x] Add a basic responsive design with a header, navigation, main and footer element
- [x] State management: add a user store with Pinia
- [x] Login with extension [NIP-07](https://nostr-nips.com/nip-07)
- [ ] Login with Wallet Connect [NIP-46](https://nostr-nips.com/nip-46)
- [ ] Relay settings and preferences
- [x] A basic profile page
- [ ] Logout / disconnect
- [ ] Download / backup all your events
- [x] Kind `1` component short text note
- [x] Kind `30023` component for long-form content
- [x] Render identifiers in content fields [NIP-19](https://nostr-nips.com/nip-19) 
- [ ] Zap example
- [ ] Implement a form of state management which can be shared through Nostr events (kind 30078)
- [ ] Implement push notifications with the Web Push API
- [ ] Implement NIP-52
- [ ] Compose a note with the [Nostr WYSIWYG editor](https://github.com/cesardeazevedo/nostr-editor) made by Cesar

## PWA config
* https://dev.to/karmasakshi/make-your-pwas-look-handsome-on-ios-1o08

## Deployment

See https://nuxt.com/docs/getting-started/deployment#static-hosting
```bash
# Build as static website
npm run generate
```
You can now deploy .output/public to any static hosting!

Also make sure to read https://vite-pwa-org.netlify.app/deployment/ to setup your server correctly and benefit from all the provided PWA features. 

## How to contribute

1. Create an issue
2. Create a pull request from your forked repo
3. Just send me a message

## About the author

Sebastian Hagens is a self-employed creative technologist working as a Drupal & fullstack webdeveloper and tech consultant.

**Follow Sebastian on Nostr**  
Pubkey: `npub1qe3e5wrvnsgpggtkytxteaqfprz0rgxr8c3l34kk3a9t7e2l3acslezefe`      
Handle: `[email protected]`

## License
See LICENSE.txt  
https://unlicense.org

## Donations / funding

Between my fiat mining work as a developer I spend time building things for the nostrverse.

You are free to send some sats:  
* bitcoin: `bc1p3p6jq2sxsf650lgllv57st9h97xj37fflg5t8d265saz6yqzcdyqd7pzun`  
* lightning address: `[email protected]`
* Nostr: `npub1qe3e5wrvnsgpggtkytxteaqfprz0rgxr8c3l34kk3a9t7e2l3acslezefe` / `[email protected]`
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

laravel-nuxt

laravel-nuxt

A Laravel-Nuxt starter kit.

Nuxt · 启动器

canvas

canvas

Portfolio template made with Nuxt 3, Nuxt Content v3, NuxtUI v3 and TailwindCSS v4

Nuxt · 作品集

nuxt3-starter

nuxt3-starter

💚 A Better Nuxt 3 Starter Template，generate by nuxi.

Nuxt · 启动器

starter

starter

Nuxt Starter Template for Nuxt UI.

Nuxt · 启动器

bloggrify

bloggrify

Run a blog from Markdown files. Themes, SEO, analytics, newsletter and comments preconfigured. Like Docus, but…

Nuxt · 博客

vitify-nuxt

vitify-nuxt

🔽🏔 Vuetify + Nuxt Starter Template

Nuxt · 后台