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
Visit https://nuxstr.nostrver.se
Learn more about Nuxt: https://nuxt.com
Explore Nuxt modules: https://nuxt.com/modules
Learn more about Nostr: https://nostr.how
NDK documentation: https://ndk.fyi/docs/
Nostr NIPs, kinds and tags: https://nostr-nips.com/
Explore Nostr clients: https://nostrapp.link/apps/category/all
Get familiar with designing for Nostr: https://nostrdesign.org
- State management: add NDK store with Pinia
- Global feed example
- Personal feed example with content from the npubs you follow
- Integrate vite-pwa-nuxt
- Integrate TailwindCSS
- Add layout / page transitions
- Add a basic responsive design with a header, navigation, main and footer element
- State management: add a user store with Pinia
- Login with extension NIP-07
- Login with Wallet Connect NIP-46
- Relay settings and preferences
- A basic profile page
- Logout / disconnect
- Download / backup all your events
- Kind
1
component short text note - Kind
30023
component for long-form content - Render identifiers in content fields 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 made by Cesar
See https://nuxt.com/docs/getting-started/deployment#static-hosting
# 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.
- Create an issue
- Create a pull request from your forked repo
- Just send me a message
Sebastian Hagens is a self-employed creative technologist working as a Drupal & fullstack webdeveloper and tech consultant.
Follow Sebastian on Nostr
Pubkey: npub1qe3e5wrvnsgpggtkytxteaqfprz0rgxr8c3l34kk3a9t7e2l3acslezefe
Handle: sebastian@sebastix.dev
See LICENSE.txt
https://unlicense.org
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:
sebastian@lnd.sebastix.com
- Nostr:
npub1qe3e5wrvnsgpggtkytxteaqfprz0rgxr8c3l34kk3a9t7e2l3acslezefe
/sebastian@sebastix.dev