Build a NOTES APP with Vue JS and Nhost using GraphQL & Tailwind CSS

Learn how to build a Notes Application using Vue JS & Nhost.io. We use Nhost to authenticate our users, retrieve, create and delete notes using GraphQL queries and mutations! Learn more by watching this video!
// NHOST
This video is Sponsored by Nhost.io! Thanks for supporting the channel!
Check out there repo and leave a star on Github: github.com/nho...
Twitter: / nhostio
Website: nhost.io/
KZbin: / nhost_io
Source code: github.com/Tyl...
// Resources
Nhost Routes Docs: docs.nhost.io/...
Nhost Apollo Docs: docs.nhost.io/...
Vite Tailwind Guide: tailwindcss.co...
// JOIN THE DISCORD SERVER!
/ discord
// BECOME A MEMBER TO UNLOCK MORE CONTENT!
www.youtube.co...
// MY GEAR FOR CODING AND KZbin
Blue Yeti Microphone: amzn.to/3jr3l7T
Microphone Stand: amzn.to/35B9LMN
Chair: amzn.to/3dWds3F
Thunderbolt Dock: amzn.to/3osBF6u
Monitor: amzn.to/37I8KoR
Screenbar Light: amzn.to/3iFRS7w
All of these products I own and have tested!
// FOLLOW ME ON TWITTER
/ tyler_potts_
// INTERESTED IN GAME DEV?
Game development channel: / muddywolf
// CHECK OUT MY GAME
play.google.co...
// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[@universecode1101]

Amazing project Tyler, great stack 👏🏻 Tailwind and GraphQL ✌🏻

[@TylerPotts]

Thank you! I appreciate the comment! 🙌

[@tonytodd7011]

Hi Tyler, can we edit notes?

[@TheCrowdel]

hei tyler i love your vue project, can you build responsive navbar menu next

[@juguetestoys1137]

Tyler, I get two console errors, both after logging out. (but it still redirects me correctly to the login page). 1. error resetting apollo client cache 2. error: field "notes" not found in type: 'query_root' I am waiting for your answer, if you know how to solve it. thank you very much. Except for that, the app works correctly By the way very good explanation !

[@darkskiiittles]

Same here. The .notes is giving me an uncaught (in promise) typeError that the properties of 'notes' are undefined. This is in the Home.vue component at {{ notesResult.notes}}

[@leonscottkennedyre4]

This is a random question but where do you find your images for your projects? (such as weather app, landing page, etc) I love all the aesthetic / vibey look and would like to find similar pictures!

[@TylerPotts]

I actuallyy use unsplash . com or just google 😅

[@leonscottkennedyre4]

@@TylerPotts Haha, you just happen to find amazing ones then! Thanks sir!

[@scho8403]

Hi! i's a super nice tutorial for a beginner! Btw, I have a quick question about the login method in your project. Whenever I refresh the home page after logging in, it returns to the login page. However, if I try to log in again, an error message appears saying a user is already signed in. Do you have any advice on this issue? thank you so much in advance!

[@siddhartharavind8012]

Very good content. Hi Tyler can you do a demo with rich text editor with images in vue3… it’ll be helpful for me

[@sev6nofficial]

Thats great!

[@TylerPotts]

Thank you