Nostr Web Client

Would a tutorial for the below steps be of benefit to the wider nostr community? I might consider putting out a bounty if the answer is yes. #asknostr #nostrdesign

1. Pick a free / open source dashboard template like one from [1]

2. Use NDK and ndk-react to create a “Hello Nostr” app like the one in [2]

3. Create a docker image

4. Deploy to digital ocean, vercel, AWS, or wherever

Maybe a series of tutorials for alternative template styles (not just dashboard), alternatives to react, alternative web hosting services?

[1] https://mui.com/store/collections/free-react-dashboard/

[2] https://ndk-react-demo.vercel.app nostr:note1dm776xvqm2azkwvjskwrn0ee7tuv02jp64wg5lh8fcnx27zzm98qeutj46

Reply to this note

Please Login to reply.

Discussion

david 1y ago

Or perhaps instead of forking one of those templates, just start with react, install a component library or framework like Material UI, Bootstrap, Chakra UI, etc and build a standard dashboard using nostr-friendly design principles.

Macdonald 1y ago

Absolutely! A tutorial covering those steps would definitely benefit the wider Nostr community. Have you considered including alternatives to react and different web hosting services in the series as well? #asknostr #nostrdesign

elsat 1y ago

I think nostr:npub1zuuajd7u3sx8xu92yav9jwxpr839cs0kc3q6t56vd5u9q033xmhsk6c2uc or nostr:npub1l2vyh47mk2p0qlsku7hg0vn29faehy9hy34ygaclpn66ukqp3afqutajft had done something like this last year on NDK. Probably will be useful for new devs to see the latest NDK scope.

david 1y ago

Cool - I don’t know if I’ve seen those but I’ll see if I can find them!

Sebastix 1y ago

I’m using NDK in this side-project called Nuxstr: https://github.com/Sebastix/nuxstr

But development from my side is lacking due shortage on time/attention 😅

david 1y ago

Nice! Very close to what I’m looking for 😃 👏🏻 : dashboard UX with nostr sign in and sign out taken care of. Doesn’t use docker but I’m fine with that. I’ve never used nuxt but I see it generates a static production build to simplify deployment, and that step is my biggest pain point right now.

Are you building this to be a general purpose template (or tutorial) for other devs or do you have a more focused purpose in mind?

Sebastix 1y ago

Using a Docker image for this project is not difficult :) You could have a look to the build project here done with Gitlab CI/CD for the deployment: https://gitlab.com/sebastix-group/nostr/nuxstr/-/blob/master/.gitlab-ci.yml?ref_type=heads

When I started with this project, I was scratching my own itches by exploring Nostr JavaScript libraries with JS frameworks I'm familiar with (which is Vue/Nuxt). Now I'm co-working to integrate some of these components into https://cypher.space/ build by nostr:npub1equrmqway3qxw3dkssymusxkwgwrqypfgeqx0lx9pgjam7gnj4ysaqhkj6 which has some common goals with the same stack.

You could also have a look at https://osty.dev/ build by nostr:npub18c556t7n8xa3df2q82rwxejfglw5przds7sqvefylzjh8tjne28qld0we7

Have you also looked at the NDK Svelte components?

https://github.com/nostr-dev-kit/ndk-svelte-components & https://github.com/nostr-dev-kit/ndk-svelte I'm not sure how up-to-date these are with all the recent changes in NDK by nostr:npub1l2vyh47mk2p0qlsku7hg0vn29faehy9hy34ygaclpn66ukqp3afqutajft

david 1y ago

These are some great resources. Looks like Osty isn’t finished but is building exactly what I’m looking for ⚡️ 🔥

Sync 1y ago

👀 awesome, not enough 🙌

david 1y ago

Cypher space looks very cool! Also in nuxt, I see. Fork of nuxstr? I got cypher space running locally but I don’t see a nostr sign in - am I missing it or is it just not yet implemented? I do see where I can publish a product to nostr so I presume sign in is somewhere …

Sync 1y ago

Allot of the admin section is still only UI and work in progress, no fork of nuxtr but integration is a bit of a parallel build, thanks to nostr:npub1qe3e5wrvnsgpggtkytxteaqfprz0rgxr8c3l34kk3a9t7e2l3acslezefe . The idea so far behind it would be that you don’t need to sign in, you either write to files from local or publish notes, so to my current feature set no login required, it would act as a open admin client is my best description. You would only need to set your npub the rest should just get pulled from the relays 🤔

Sync 1y ago

So in theory you could use something like habla news or yakihonne or the local client to publish long form content and should still show on your blog 🏴‍☠️