Nostr client starter template based on Nuxt and Vue
NuxtVueStarter
nuxstr — Nuxt Starter Template
By nostrver-se
nuxstr is a Nostr client starter template built on Nuxt and Vue, integrating NDK, Pinia, TailwindCSS, and a PWA module, with a global feed, login, and basic page examples.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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-02View source
What stands out
A quick read of the recorded project description.
Integrates Nostr Dev Kit (NDK) and manages NDK and user state via Pinia
Includes a global feed, a basic profile page, and responsive layout examples
Provides kind 1 short text note and kind 30023 long-form content components
Supports NIP-07 browser extension login and renders NIP-19 identifiers
Integrates TailwindCSS and vite-pwa-nuxt, supporting static site builds
Template Details
nuxstr is a starter template maintained by nostrver-se, aimed at building a Nostr client with Nuxt and Vue. The technology stack listed in the repository description includes Nuxt, the Pinia module, vite-pwa-nuxt, TailwindCSS, and the Nostr Dev Kit (NDK), with icons from heroicons.
According to the README roadmap, completed items include: setting up an NDK store and a user store with Pinia, a global feed example, PWA and TailwindCSS integration, layout and page transitions, a basic responsive structure with header/navigation/main/footer, login via browser extension using NIP-07, a basic profile page, a kind 1 short text note component, a kind 30023 long-form content component, and rendering NIP-19 identifiers in content fields.
Items not yet completed or still planned include: a personal feed following npubs, NIP-46 Wallet Connect login, relay settings and preferences, logout/disconnect, downloading or backing up all events, a Zap example, sharing state via kind 30078 events, Web Push notifications, NIP-52, and integrating a Nostr WYSIWYG editor for composing notes. These items are listed as unchecked in the README and do not mean the template already provides the corresponding features.
For deployment, the README gives a static site build method: run npm run generate and deploy .output/public to any static hosting; it also notes that the server must be configured according to the vite-pwa-nuxt deployment documentation to use PWA features. The license is Unlicense; third-party assets such as demo images, fonts, and icons in the repository need separate license verification.
NuxtVueStarter
Is it right for your project?
Use Cases
- Quickly prototype a Nostr client and preview feed and profile page behavior
- Learn how to integrate NDK and Pinia state management in a Nuxt project
- Extend a custom Nostr interface based on the existing layout and note components
- Build a PWA-style Nostr client deployable to static hosting
Suitable For
- Developers familiar with Vue or Nuxt who want to try Nostr client development
- Projects that need Nostr client starter code rather than building from scratch
- Frontend engineers who want to reference how NDK and Pinia are integrated
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README does not provide complete local installation and run commands; it only gives the static build command npm run generate
- 2
The static build output is in .output/public and can be deployed to any static hosting
- 3
Before using PWA features, configure the server according to the vite-pwa-nuxt deployment documentation
- 4
The repository uses the Unlicense, but third-party assets such as demo images, fonts, and icons require separate license verification
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the Unlicense; the free scope is the code of that version and does not mean external services or third-party assets are free.
Must comply with when using
- Allows free copying, modification, publication, use, compilation, sale, and distribution of that version's code, including commercial use.
- The author waives related copyright through a public domain dedication; the legal effect of that dedication depends on the applicable jurisdiction.
- 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
- Login functionality relies on a browser Nostr extension (NIP-07) to provide key signing; users must install and configure such an extension themselves, and the template does not include key management.
- Using PWA features requires configuring the server according to the vite-pwa-nuxt deployment documentation; otherwise, full PWA features are not available.
- Icons come from heroicons third-party assets, whose licensing requires separate verification and is not granted along with the Unlicense code license.
- Deployment must follow the Nuxt static hosting documentation; the build output .output/public must be deployed to a static hosting service by the user.
- 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 Unlicense license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
for any purpose, commercial or non-commercial, and by any means
Original License Text
Login with extension [NIP-07](https://nostr-nips.com/nip-07)
Original 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.
Original README
SVG icons used from [hericons](https://heroicons.com/)
Original README
https://github.com/nostrver-se/nuxstr/blob/master/LICENSE.txthttps://github.com/nostrver-se/nuxstr/blob/master/README.mdSee https://nuxt.com/docs/getting-started/deployment#static-hosting
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 92 / 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-09-04
- Screenshot last checked
- 2026-10-02
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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 01f2f8d506a0cfb8dc25dee1ebaf7fe16c6a81746e7d54ceb078d4cf94ee7b11
2026-10-02T23:48:13.891Z
Source file / repository# 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]`
Explore similar templates
Compare previews and descriptions within the same stack and category.
laravel-nuxt
A Laravel + Nuxt decoupled starter kit with built-in login, registration, email verification, password reset, and Socialite third-party login (GitHub example), switchable between SPA and SSR.
Nuxt · Starter
canvas
Canvas is a Nuxt-based portfolio template that uses Nuxt Content for content management and Nuxt UI with Tailwind CSS for pages.
Nuxt · Portfolio
nuxt3-starter
A Nuxt 3 starter template generated by nuxi, preconfigured with UnoCSS, unplugin-icons, Pinia, and VueUse. It suits developers who need a quick Nuxt 3 project skeleton with atomic CSS and auto-import workflows, and is available under the MIT license.
Nuxt · Starter
starter
The official Nuxt starter template for Nuxt UI, based on Nuxt and Vue. It provides a runnable project skeleton, an online demo, and Nuxt UI installation documentation, with README commands for creating, installing, developing, building, and previewing.
Nuxt · Starter
bloggrify
Bloggrify is a Nuxt layer that turns Markdown files into a blog site, built on Nuxt Content with preconfigured analytics, newsletter, comments, SEO, RSS, and content components.
Nuxt · Blog
vitify-nuxt
Vitify Nuxt is an admin dashboard starter template built on Nuxt and Vuetify, featuring a drawer layout, automatic navigation and breadcrumbs, notification state, ECharts charts, theming and dark mode, and authentication via nuxt-auth-utils.
Nuxt · Admin dashboard