monstajoe
monstajoe
  • 27
  • 38 959
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/
Переглядів: 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

КОМЕНТАРІ

  • @youcefdeveloper
    @youcefdeveloper 9 днів тому

    Great job on this 9min video! I really appreciate the effort you put into it.

  • @karasiq69
    @karasiq69 23 дні тому

    why no repo link

  • @WarSTRIKER1299
    @WarSTRIKER1299 2 місяці тому

    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.

  • @charlesokorobo508
    @charlesokorobo508 2 місяці тому

    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.

  • @skittlesaurr
    @skittlesaurr 2 місяці тому

    Love it! good job Joe.

  • @iamtheenemy9278
    @iamtheenemy9278 2 місяці тому

    "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....

  • @lazyprog
    @lazyprog 2 місяці тому

    Nice job

  • @aniketchitransh9827
    @aniketchitransh9827 2 місяці тому

    And the award for best UI goes to you…. 👏🏻

  • @lsaavedr
    @lsaavedr 3 місяці тому

    why you mute the audio between each word?

    • @anasouardini
      @anasouardini Місяць тому

      I think the mic is on auto mode.

  • @valostudent6074
    @valostudent6074 3 місяці тому

  • @valostudent6074
    @valostudent6074 3 місяці тому

    thank you so much, u made it so easy now

  • @deandrasuharno
    @deandrasuharno 3 місяці тому

    cool

  • @racerguyf1
    @racerguyf1 3 місяці тому

    but the fact that 16 gb ram and a 1060ti gpu is not enough for it

  • @alivamandal5747
    @alivamandal5747 3 місяці тому

    Wow

  • @victorelgersma7845
    @victorelgersma7845 3 місяці тому

    Awesome video. I learned a lot. Thank you

  • @lostinthenarrativve
    @lostinthenarrativve 3 місяці тому

    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.

  • @liammullan2197
    @liammullan2197 3 місяці тому

    Auth.js is at a *much* higher level of abstraction than Lucia, contrary to your venn diagram, right?

  • @muhammadkurniasani36
    @muhammadkurniasani36 4 місяці тому

    I'm from Indonesia, great tutorial to learn NEXT, Gemini and Convex, thanks

  • @edhahaz
    @edhahaz 5 місяців тому

    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...

  • @qiushiyann
    @qiushiyann 5 місяців тому

    Great tutorial! What font are you using?

  • @miguel900030
    @miguel900030 5 місяців тому

    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

    • @monstajoedev
      @monstajoedev 5 місяців тому

      Good luck with your project! Dark Blue theme. Glad I could help.

  • @frackinfamous6126
    @frackinfamous6126 5 місяців тому

    Command Palette -> Typescript interpreter -> use workspace version

  • @deepaksabharwaal
    @deepaksabharwaal 5 місяців тому

    Waiting for update

    • @monstajoedev
      @monstajoedev 5 місяців тому

      Hey! I stopped working on it a while ago. It's archived on my Github

    • @deepaksabharwaal
      @deepaksabharwaal 5 місяців тому

      @@monstajoedev sad

  • @emmetsingh
    @emmetsingh 6 місяців тому

    Where can I find that code?

  • @pieterdepauw6599
    @pieterdepauw6599 6 місяців тому

    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.

    • @monstajoedev
      @monstajoedev 6 місяців тому

      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

  • @SheeceGardazi
    @SheeceGardazi 6 місяців тому

    awesome

  • @TianYuanEX
    @TianYuanEX 6 місяців тому

    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

    • @SheeceGardazi
      @SheeceGardazi 6 місяців тому

      yep yep, you will need to figure out how to set cookies and rest of the code goes into server apis

  • @dragonball41876
    @dragonball41876 6 місяців тому

    Will try

  • @M1a2n3o43
    @M1a2n3o43 6 місяців тому

    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.

    • @monstajoedev
      @monstajoedev 6 місяців тому

      Thank you! Those are built in types you can use in your app. Lucia also supports Prisma as an adapter, check the docs.

    • @SheeceGardazi
      @SheeceGardazi 6 місяців тому

      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

  • @fatimaguerzou9054
    @fatimaguerzou9054 7 місяців тому

    thanks for ur effort! i already macke a design in react native and i wanna connect it with pocketbase any idea please

  • @mahmoudelshazly3836
    @mahmoudelshazly3836 7 місяців тому

    keep it up

  • @e_scorp
    @e_scorp 7 місяців тому

    learned something new thanks 👍

    • @monstajoedev
      @monstajoedev 7 місяців тому

      Welcome bro. This means a lot to me

  • @SR-zi1pw
    @SR-zi1pw 8 місяців тому

    Nice

  • @SubhranshuChoudhury
    @SubhranshuChoudhury 8 місяців тому

    Thanks for the effort! Any idea how can i implement OTP phone verification as it has only mail verification.

    • @monstajoedev
      @monstajoedev 8 місяців тому

      I don’t think so. This tutorial is about a year old. Check the docs

  • @SubhranshuChoudhury
    @SubhranshuChoudhury 8 місяців тому

    Thanks for these videos!

  • @flexdash
    @flexdash 8 місяців тому

    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.

    • @monstajoedev
      @monstajoedev 8 місяців тому

      I usually do so, but I forgot this time. Thanks for reminding me.

  • @nicoalbanese10
    @nicoalbanese10 9 місяців тому

    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!

    • @monstajoedev
      @monstajoedev 9 місяців тому

      Hey there, man. I’m glad you liked my video. I must’ve forgotten about this somehow. Thanks for reminding me.

  • @HoNow222
    @HoNow222 10 місяців тому

    There is no another episode?

    • @monstajoedev
      @monstajoedev 10 місяців тому

      Yes. This is the last part of the series

  • @OkyCapriatto
    @OkyCapriatto 10 місяців тому

    wow! testing this out, promising ...

  • @BTQZzVibes
    @BTQZzVibes Рік тому

    where can i find the pocket host?

  • @mesfinmulgeta6060
    @mesfinmulgeta6060 Рік тому

    I really appreciate you.

  • @starlord7526
    @starlord7526 Рік тому

    hey MonstaJoe, please create a comprehensive tutorial on tRPC. There isn't much content on this topic on YT atm

  • @Projects.In.Motion
    @Projects.In.Motion Рік тому

    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!

    • @monstajoedev
      @monstajoedev Рік тому

      Believe me, this is easier said than done for me. Also, I gotta what with the Tailwind classes?

    • @Projects.In.Motion
      @Projects.In.Motion Рік тому

      @@monstajoedev open up/show, I was fast typing lol.

  • @jairgavilanez5225
    @jairgavilanez5225 Рік тому

    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

    • @monstajoedev
      @monstajoedev Рік тому

      Make sure the username is not empty

  • @Marc-fj3kd
    @Marc-fj3kd Рік тому

    When I log in the page stays on localhost:5173/login instead of localhost:5173. Do you know why? Thank you,

    • @monstajoedev
      @monstajoedev Рік тому

      You have to be logged in to access your tasks

  • @gamerpro667
    @gamerpro667 Рік тому

    For some reason, when I apply the API rules all the tasks of the user disappear, what could be happening??

    • @monstajoedev
      @monstajoedev Рік тому

      You're on the right track. It means any authenticated user will be able to view the tasks they created

  • @volkswagenpassat-w3o
    @volkswagenpassat-w3o Рік тому

    Great video! thanks! Greetings from the Netherlands

  • @ricardomoreira1556
    @ricardomoreira1556 Рік тому

    great job with the video! sort of a weird question, which is the font you're using in your VSCode?

  • @stevereid636
    @stevereid636 Рік тому

    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!?!

    • @monstajoedev
      @monstajoedev Рік тому

      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

    • @valostudent6074
      @valostudent6074 3 місяці тому

      @@monstajoedev it made the code less clutters and on-point, since we are watching this to learn pocketbase logics not tailwind

  • @Hffgv_Zauohfug
    @Hffgv_Zauohfug Рік тому

    Great video. Please, can you make a MERN stack course?