Today I used 5 hours of my day to build this simple app that uses Turso to store all notes.
Why?
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 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.
How does this work?
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.
Features
Stupid simple login
Logout and create new notes
When you create new notes, they're visible only to you until you publish
Publish draft notes and edit markdown directly in the browser
And of course, it's possible to delete notes
How can you set up this by yourself?
I'll need to fork the code (don't forget to give a star mate haha) and create a Turso account
To get Turso env vars
# 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 runs mv .env.example .env and replaces fake values with real ones.
you'll need to add an admin password on these var envs as well
To put your customization
Edit app.config.ts with your info.
Deploy
As I said, you can deploy it on an edge network. In my case, I'm using Netlify.