The faster and simpler way to take notes and start learn&build in public
I was looking for a place to do more build&learn in public to show everyone that there's nothing to be afraid of. Build and learn things by sharing videos or blog posts is a great to get feedback about what you are doing.
I saw Atinotes project, but I didn't want to buy Nuxt UI Pro 🤣, so I built a free version.
I used the following tools:
As you probably noticed, this entire app can run on an edge network 😜, NuxtAuthUtils helped a lot because of the ease of handling user sessions by using hooks.
- Stupid simple login and logout
- Create new notes
- When you create new notes, they're visible only to you until you publish
- Draft notes can be accessed by the URL
- Publish draft notes and edit markdown directly in the browser
- When you publish a note, you can configure it to publish on X/Twitter as well (don't forget to set
publishing.twitter
to true on app.config.ts) - RSS feed (
/feed.xml
) automatically generated - Sitemap (
/sitemap.xml
) automatically generated - View and like count without the need to login (powered by fingerprintjs)
- And of course, it's possible to delete notes
I'll need to fork the code (don't forget to give a star mate haha) and create a Turso account
# login with turso from cli
turso auth login
# create database
turso db create YOUR_DATABASE_NAME
# create token (this will give you a token)
turso db tokens create YOUR_DATABASE_NAME
# now you'll get your turso db url and turso token
turso db show YOUR_DATABASE_NAME
Now, in the root directory run mv .env.example .env
and replace fake values with real ones.
you'll need to add an admin password on these var envs as well
Edit app.config.ts
with your info.
Just add this repo as a new origin
# to add a new origin
git remote add upstream https://github.com/luckyhackersacademy/luckynotes.git
# to get updates and new features
git pull upstream main
As I said, you can deploy it on an edge network. In my case, I'm using Netlify.