- 27
- 38 959
monstajoe
Приєднався 21 лип 2016
What's up, guys. My name is MONSTAJOE. I am a graduating CS student from Egypt. I'm currently majoring in Software Engineering at the German International University. You'll find lots of tech and programming content, courses, discussions, and more here. If you are a web developer or getting started, this is the place to go.
If you wanna collab email me using the address: youssefamr02@yahoo.com
BE SURE TO SUBSCRIBE.
👍😉
If you wanna collab email me using the address: youssefamr02@yahoo.com
BE SURE TO SUBSCRIBE.
👍😉
Deploy a Rust application in less than a minute
🔗Links:
- project repo: github.com/monstajoe2002/rusty-scraper
- Shuttle: shuttle.rs
----
My Projects:
- 🧩Project Explorer (VS Code Extension): marketplace.visualstudio.com/items?itemName=monstajoedev.project-explorer
----
📱Socials:
- Twitter: monstajoedev
- LinkedIn: www.linkedin.com/in/youssef-el-shehaby-2ba3a1245/
- project repo: github.com/monstajoe2002/rusty-scraper
- Shuttle: shuttle.rs
----
My Projects:
- 🧩Project Explorer (VS Code Extension): marketplace.visualstudio.com/items?itemName=monstajoedev.project-explorer
----
📱Socials:
- Twitter: monstajoedev
- LinkedIn: www.linkedin.com/in/youssef-el-shehaby-2ba3a1245/
Переглядів: 2 207
Відео
I built a simple Instagram clone in Next.js without third-party packages
Переглядів 6492 місяці тому
My Projects: - 🧩Project Explorer (VS Code Extension): marketplace.visualstudio.com/items?itemName=monstajoedev.project-explorer 📱Socials: - Blog: monstajoe-dev-blog.vercel.app - Twitter: iammonstajoe - LinkedIn: www.linkedin.com/in/youssef-el-shehaby-2ba3a1245/
I found a way to deploy a Rust (Actix Web) app on the web
Переглядів 1843 місяці тому
DISCLAIMER: I AM IN NO WAY AFFLIAITED WITH RENDER, INC. THIS IS NOT A SPONSORED VIDEO. 🔗Links: - project repo: github.com/monstajoe2002/rusty-scraper - Render: render.com My Projects: - 🧩Project Explorer (VS Code Extension): marketplace.visualstudio.com/items?itemName=monstajoedev.project-explorer 📱Socials: - Blog: monstajoe-dev-blog.vercel.app - Twitter: monstajoedev - LinkedIn: ww...
Startup Copilot: Build an AI startup chatbot with Google Gemini, Next.js, and Convex
Переглядів 8676 місяців тому
🔗Links: - Final project: github.com/monstajoe2002/startup-copilot - Blog tutorial: monstajoe-dev-blog.vercel.app/blog/startup-copilot-tutorial - Prompt Engineering with Gemini: www.promptingguide.ai/models/gemini#few-shot-prompting-with-gemini My Projects: - 🧩Project Explorer (VS Code Extension): marketplace.visualstudio.com/items?itemName=monstajoedev.project-explorer 📱Socials: - Blog: monstaj...
I'm sick of Next.js caching
Переглядів 2586 місяців тому
My Projects: - 🧩Project Explorer (VS Code Extension): marketplace.visualstudio.com/items?itemName=monstajoedev.project-explorer 📱Socials: - Blog: monstajoe-dev-blog.vercel.app - Twitter: iammonstajoe - LinkedIn: www.linkedin.com/in/youssef-el-shehaby-2ba3a1245/
Lucia Auth in 9 minutes
Переглядів 11 тис.7 місяців тому
Links: - Lucia docs: lucia-auth.com/ My Projects: - 🧩Project Explorer (VS Code Extension): marketplace.visualstudio.com/items?itemName=monstajoedev.project-explorer 📱Socials: - Twitter: iammonstajoe - LinkedIn: www.linkedin.com/in/youssef-el-shehaby-2ba3a1245/
Remix in 5 minutes
Переглядів 6798 місяців тому
🔗Links: - Remix: remix.run - Remix YT Channel: www.youtube.com/@Remix-Run My Projects: - 🧩Project Explorer (VS Code Extension): marketplace.visualstudio.com/items?itemName=monstajoedev.project-explorer 📱Socials: - Twitter: iammonstajoe - LinkedIn: www.linkedin.com/in/youssef-el-shehaby-2ba3a1245/
Trying Kirimase and Drizzle for the first time
Переглядів 3659 місяців тому
🔗Links: - Kirimase docs: kirimase.dev/ - Kirimase (GitHub): github.com/nicoalbanese/kirimase - Drizzle: orm.drizzle.team 📱Socials: - Twitter: iammonstajoe - LinkedIn: www.linkedin.com/in/youssef-el-shehaby-2ba3a1245/
Project Explorer: A tour of my new VS Code Extension
Переглядів 7410 місяців тому
📱Socials: Twitter: monstajodev LinkedIn: www.linkedin.com/in/youssef-el-shehaby-2ba3a1245/ Tiktok: @monstajoe
Get Started with Bun.js: A Comprehensive Tutorial for Beginners
Переглядів 116Рік тому
In this video, I show you how to get started with Bun.js as well as discuss extra features of Bun 📱Socials: Twitter: monstajoedev Instagram: iammonstajoe Tiktok: @monstajoe 🔗Links: - Bun: bun.sh/ - Install Windows Subsystem for Linux (WSL): learn.microsoft.com/en-us/windows/wsl/install
Build a web journal using Next + Vercel Postgres (#3 - Edit & Delete Entry)
Переглядів 362Рік тому
In this tutorial series, you will learn how to build a journaling web app using the new App router in Nextjs 13 as well as the new Vercel Postgres. 📱Socials: Twitter: monstajoedev Instagram: iammonstajoe Tiktok: @monstajoe 🔗Links: - Vercel Postgres: vercel.com/storage/postgres - PicoCSS: picocss.com/ - Project files on GitHub: github.com/monstajoe2002/next-journal-vpg
Build a web journal using Next + Vercel Postgres (#2 - Create New Entry)
Переглядів 434Рік тому
Build a web journal using Next Vercel Postgres (#2 - Create New Entry)
Build a web journal using Next + Vercel Postgres (#1 - Basic Setup)
Переглядів 2,4 тис.Рік тому
Build a web journal using Next Vercel Postgres (#1 - Basic Setup)
I Created My Own FREE Chrome Extension...
Переглядів 165Рік тому
I Created My Own FREE Chrome Extension...
This library claims to "fix" TypeScript
Переглядів 108Рік тому
This library claims to "fix" TypeScript
The perfect tech stack for your next SaaS??
Переглядів 324Рік тому
The perfect tech stack for your next SaaS??
PocketBase + React Crash Course END - Authentication
Переглядів 1,9 тис.Рік тому
PocketBase React Crash Course END - Authentication
PocketBase + React Crash Course #5 - Edit & Delete Tasks
Переглядів 835Рік тому
PocketBase React Crash Course #5 - Edit & Delete Tasks
PocketBase + React Crash Course #4 - Create a new task
Переглядів 1,4 тис.Рік тому
PocketBase React Crash Course #4 - Create a new task
PocketBase + React Crash Course #3 - Get Tasks using JavaScript SDK
Переглядів 2,8 тис.Рік тому
PocketBase React Crash Course #3 - Get Tasks using JavaScript SDK
PocketBase + React Crash Course #2 - PocketBase Admin UI Tour
Переглядів 2,4 тис.Рік тому
PocketBase React Crash Course #2 - PocketBase Admin UI Tour
PocketBase + React Crash Course #1 - Project Setup
Переглядів 5 тис.Рік тому
PocketBase React Crash Course #1 - Project Setup
Great job on this 9min video! I really appreciate the effort you put into it.
why no repo link
I honestly enjoy remix way more than next.js. it feels just simpler and more straightforward to me. Nonetheless Next.js is still an amazing framework who pushed and still pushes innovation in the react ecosystem. Can't wait for the remix/react-router team to come back after they announced the merge of the two projects.
This video to me, is like an analysis of Lucia Authentication. Can You Please do a Proper tutorial where you teach newbies about Lucia Authentication, step by step? This means that it could be a series, or separate Topics with timestamps-- where you talk from: -- Installation and Set Up -- Creating Session Cookies. -- Hashing Passwords. -- Sign Up Authentication. -- Sign In Authentication. -- Sign out Authentication. -- Database storage of session cookies. On and on and on like that. Would you mind creating such a tutorial or series for us, on Lucia Authentication? Regards.
Love it! good job Joe.
"How does it feel to build something from scratch without using libraries or frameworks?" proceeds to use Nexts.js..... a third-party full stack framework built on top of react a third party ui library....
Nice job
And the award for best UI goes to you…. 👏🏻
Thanks bro ❤️
why you mute the audio between each word?
I think the mic is on auto mode.
thank you so much, u made it so easy now
cool
but the fact that 16 gb ram and a 1060ti gpu is not enough for it
But it will do slowly
Wow
Awesome video. I learned a lot. Thank you
Hey bro, is it safe to use pocketbase directly in our react app for stuff like auth ? I mean no backend/node/etc , just directly use react + pocketbase.
Auth.js is at a *much* higher level of abstraction than Lucia, contrary to your venn diagram, right?
his diagram is trash
That's what I was thinking! Authjs is very opinionated.
I'm from Indonesia, great tutorial to learn NEXT, Gemini and Convex, thanks
Meh lucia seems low value. Just session creation and invalidation? That's it? I guess it also serves as a tutorial for implementing your own auth from scratch like you did in here. I'm quite green, but I think your login/signup is vulnerable to "timing attacks". Normalizing successful and failed login times to be the same is something an auth library should take care of imo...
Great tutorial! What font are you using?
Thanks! Geist Mono
I am going to propose this library in the next project at my work. Very helpful video :) By the way, what's the name of the theme you are using in this video? hehe
Good luck with your project! Dark Blue theme. Glad I could help.
Command Palette -> Typescript interpreter -> use workspace version
Waiting for update
Hey! I stopped working on it a while ago. It's archived on my Github
@@monstajoedev sad
Where can I find that code?
Vercel will not refetch your data every minute automatically. If a request is made by a user (for example, while loading a page), it will check if the cached data is older than one minute. If it is not, cached version is shown. If it is, the cached version is shown until a new version is fetched in the background.
Exactly what I said in the video. If you want to see the new data after it’s revalidated you’ll have to refresh the page
awesome
Good video. A question, is it possible to use this with react as frontend? In the example with express it statically renders html pages for frontend
yep yep, you will need to figure out how to set cookies and rest of the code goes into server apis
Will try
very helpful video. could you help me with something, i didnt understand when creating the lucia varible in the auth.ts file , what do these do: DatabaseSession DatabaseSessionAttributes DatabaseUser DatabaseUserAttributes what if i have this User model (i am using prisma instead of mongoose or mongodb): model User { // lucia id String @id @default(uuid()) sessions Session[] password String age Int name String email String isAdmin Boolean @default(false) } what do i do ? thanks a lot for any help.
Thank you! Those are built in types you can use in your app. Lucia also supports Prisma as an adapter, check the docs.
there are afew things that are required like 2 tables users_table and sessions_table and afew attributes in each table (you can name these tables attributes what ever you want) ... check out doc for details ... other than that you can extend their scheme like you want
thanks for ur effort! i already macke a design in react native and i wanna connect it with pocketbase any idea please
keep it up
learned something new thanks 👍
Welcome bro. This means a lot to me
Nice
Thanks for the effort! Any idea how can i implement OTP phone verification as it has only mail verification.
I don’t think so. This tutorial is about a year old. Check the docs
Thanks for these videos!
I got this video on my rec feed. Something to improve is to zoom in the code font size. Either vscode zoom level (4x, 5x) or you can also change your screen resolution to 200% scaling.
I usually do so, but I forgot this time. Thanks for reminding me.
Hey! Kirimase creator here :) Great video! Make sure you check out kirimase's generate function. It scaffolds up everything from the drizzle (or prisma) schema to the server actions to the frontend components and routes (with both server and client side validation). Also, check out the scripts in package json. Kirimase automatically adds scripts with the 'db:' prefix for generating and performing migrations. Thanks for checking it out and hope it can help you build faster!
Hey there, man. I’m glad you liked my video. I must’ve forgotten about this somehow. Thanks for reminding me.
There is no another episode?
Yes. This is the last part of the series
wow! testing this out, promising ...
where can i find the pocket host?
pockethost.io/
I really appreciate you.
hey MonstaJoe, please create a comprehensive tutorial on tRPC. There isn't much content on this topic on YT atm
Love this tutorial, I would love to see more in the future! Some things to try in your next vids, instead of typing in the code, you can have all of the code that you want and undo all of the different sections of code like in a fireship vid. that way it can minimize those slight mistakes when coding. Also gotta open up those tailwind classes. All in all, dope work and would love to see more!
Believe me, this is easier said than done for me. Also, I gotta what with the Tailwind classes?
@@monstajoedev open up/show, I was fast typing lol.
Bro how i could to use the name of the user to put under one post, the problem is when i use task.user i want to see the name of the user but id returns, please help me
Make sure the username is not empty
When I log in the page stays on localhost:5173/login instead of localhost:5173. Do you know why? Thank you,
You have to be logged in to access your tasks
For some reason, when I apply the API rules all the tasks of the user disappear, what could be happening??
You're on the right track. It means any authenticated user will be able to view the tasks they created
Great video! thanks! Greetings from the Netherlands
I appreciate it man!
great job with the video! sort of a weird question, which is the font you're using in your VSCode?
Thanks! Spline Mono
The way the tailwind classes keep dissappearing is without doubt THE most frustrating thing I have ever experienced in a coding video. For the love of god WHY!?!
Oh that's a VS code extension called inline fold that does that. You're right i should've disabled it just copy the classes from github
@@monstajoedev it made the code less clutters and on-point, since we are watching this to learn pocketbase logics not tailwind
Great video. Please, can you make a MERN stack course?