Template app for making Lightning Apps⚡ with Authentication, WebLN, and QR-Code!github.com/reneaaron/lapp-template
1896 sats \ 14 comments \ @nullama 21 Sep 2022 bitcoin
write
preview
related posts
219 sats \ 2 replies \ @nullama OP 21 Sep 2022
This is probably the best template that I've seen so far for making an easy to use app in nodejs.
It uses Alby to handle the lightning payment processing. You only need to setup a lightning address with them and provide it to the app. The rest is all taken care of, authentication, payments, and qr-code generation.
It's great!
reply
55 sats \ 0 replies \ @reneaaron 21 Sep 2022
Glad you like it! 👌
reply
0 sats \ 0 replies \ @rijndael 24 Sep 2022
Dope! We need more turn-key tooling to help devs integrate lightning (ESPECIALLY devs who are not bitcoin experts). Thanks for sharing!
reply
21 sats \ 7 replies \ @south_korea_ln 22 Sep 2022
For someone who doesn't have experience making apps (but has experience coding in python and fortran), what would be your recommendation to take this template and make something useful out of it? What prerequisites would be needed to deploy something from nearly scratch all the way to the end? Plenty of ideas on what my app could be about...
reply
182 sats \ 6 replies \ @nullcount 22 Sep 2022
This project uses JavaScript and the Express.js web framework. You'd use yarn.js to run the project and install additional packages. It does server side rendering of HTML templates (.ejs files), of course styles are CSS.
reply
0 sats \ 5 replies \ @south_korea_ln 22 Sep 2022
Ok, thanks! I'll check out the different keywords you gave me there and see how I can get up to speed...
reply
20 sats \ 4 replies \ @nullama OP 22 Sep 2022
You only need to do the following after you download the code (or git clone it)
npm install #(to install the dependencies) npm start #(to compile and run the server)
now the app is running at port 3000, so simply open a website at localhost:3000 or at your ip:3000
To be able to run those commands you need to have nodejs installed. Also git for easier download.
So, the whole thing is:
git clone https://github.com/reneaaron/lapp-template cd lapp-template npm install npm start
Now your app is live at your_ip:3000
reply
0 sats \ 3 replies \ @south_korea_ln 23 Sep 2022
Thanks. I've done everything, except when i type npm start, I'm getting
You need to configure your environment variables first. Check out the README file!
However, I've put my getalby address in the .env file (without any spaces around the = character). I've even restarted the terminal in case something has to be sourced like for .bashrc files.
reply
20 sats \ 2 replies \ @nullama OP 23 Sep 2022
Looks like it's not reading the .env file.
Add this in the beginning of src/server/server.js
const { config } = require('dotenv');
and this just before // Validate configuration
config();
reply
0 sats \ 1 reply \ @south_korea_ln 23 Sep 2022
Great, it works now.
FYI, I had to kill a docker process locking port 3000 before it did (using kill -9 $(lsof -ti:3000)).
Will try experimenting a bit with it all now
reply
0 sats \ 0 replies \ @south_korea_ln 23 Sep 2022
Alby login throws Network Error, but that's probably outside of this app's control. Anyhow, can confirm it looks like a neat template to start building on. Good job!
reply on another page
0 sats \ 1 reply \ @JReeCoin 4 Nov 2023
It's a great starting template, but I get the following error when trying to sign in with Bitcoin or scanning the QR code:
TypeError: window.webln.lnurl is not a function at window.addEventListener.capture (inpageScript.bundle.js:1:13624) window.addEventListener.capture @ inpageScript.bundle.js:1
Can someone help, please?
reply
0 sats \ 0 replies \ @nullama OP 6 Nov 2023
You will probably get more help if you post that as an issue in GitHub:
https://github.com/reneaaron/lapp-template/issues
reply
0 sats \ 0 replies \ @mf 22 Sep 2022
This is awesome!
reply