Ras Mic
Ras Mic
  • 68
  • 665 384
Hono Starter Kit - FAST & Lightweight Typescript Backend
Learn how to set up a Hono backend with a PostgreSQL database, all deployed on Cloudflare in under 10 minutes! This guide is quick and perfect for anyone looking to build efficient web apps. 🚀
Neon Postgres (Sponsor): fyi.neon.tech/2rm
Github repo: github.com/michaelshimeles/hono-starter-kit
Learn to code with Scrimba (20% off Pro with my link) scrimba.com/?via=rasmic
Follow me on Twitter: dub.sh/ras-twitter
Join my Discord: dub.sh/discord-rasmic
My portfolio: rasmic.xyz
My Nextjs SAAS Starter Kit: starter.rasmic.xyz
My Blog Builder & CMS: tsafi.xyz
Recording & Editing Software: dub.sh/my-editing
Переглядів: 5 143

Відео

I Built My Own React Meta Framework
Переглядів 6 тис.21 день тому
In this video, I go over a local first React application that uses Tanstack Query Hono RPC to sync the data with a Postgres DB. Clerk Auth: go.clerk.com/MRVsVJM (Sponsor) Neon Postgres: fyi.neon.tech/1rm (Sponsor) Project Repo: github.com/michaelshimeles/react-local-first-hono Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My portfolio: rasmic.xyz My Nextjs SAAS...
Nextjs 15 & Convex Tutorial (WhatsApp Clone)
Переглядів 5 тис.Місяць тому
In this video, we're build a real-time whatsapp clone chat application using Nextjs, Convex & Clerk. 🗃️ Shoutout Convex for sponsoring the video, check them out by clicking the link below: dub.sh/convex-dev 👨🏾‍💻 Code: github.com/michaelshimeles/not-whatsapp-convex 🪝 Webhook Endpoint Code: github.com/michaelshimeles/nextjs-starter-kit/blob/main/app/api/auth/webhook/route.ts ⏰ Timestamps NextJS, ...
AI is making you a terrible developer
Переглядів 7 тис.Місяць тому
Scrimba's Frontend Developer Career Path: v2.scrimba.com/the-frontend-developer-career-path-c0j?via=rasmic In this video, I talk about how AI is making us terrible developers and how we can fix it. Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My portfolio: rasmic.xyz My Nextjs SAAS Starter Kit: starter.rasmic.xyz My Blog Builder & CMS: tsafi.xyz Recording & Ed...
My current stack
Переглядів 11 тис.Місяць тому
In this video, I share how easily and quick you can setup nextjs 15 and convex to build anything (except launch rockets) Convex: dub.sh/convex-dev Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My portfolio: rasmic.xyz My Nextjs SAAS Starter Kit: starter.rasmic.xyz My Blog Builder & CMS: tsafi.xyz Browser I use (Arc): dub.sh/my-browser Recording & Editing Softwa...
Nextjs 15 is here (It's now faster)
Переглядів 4,3 тис.Місяць тому
In this video, I go over the new nextjs 15 release and the new changes that are now in affect Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My portfolio: rasmic.xyz My Nextjs SAAS Starter Kit: starter.rasmic.xyz My Blog Builder & CMS: tsafi.xyz Browser I use (Arc): dub.sh/my-browser Recording & Editing Software: dub.sh/my-editing
Freelancing for Web & Mobile Developers
Переглядів 4,7 тис.2 місяці тому
In this video, I go over my freelancing journey and share the strategies that helped me land and onboard clients. You can implement these same strategies in your own freelancing business. Shoutout to cal.com for partnering with me on this video Checkout cal.com: cal.com Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My portfolio: rasmic.xyz My Nextjs SAAS Starte...
How To Setup Your NextJS 15 Codebase | Routes, Components, Data Access Layer etc
Переглядів 6 тис.2 місяці тому
In this video, I go over the best way to structure your Nextjs codebase for the app router. We're talking pages, components, routes, data access layer, server actions etc Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic Project github repo: github.com/michaelshimeles/goshenpay-nextjs/tree/development Nextjs Starter Kit video: ua-cam.com/video/23wVXe4bWLk/v-deo.htm...
Building My Startup using Nextjs, Hono & Stripe Connect
Переглядів 4,6 тис.2 місяці тому
In this video, I share with you the progress I've made building goshenpay.com which is a church/non-profit payments service. GoshenPay Nextjs: github.com/michaelshimeles/goshenpay-nextjs GoshenPay Hono: github.com/michaelshimeles/goshenpay-backend Building my startup (Part 1 of this video): ua-cam.com/video/EV9Lb7PYb1I/v-deo.html Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/...
Build Clean UI on Nextjs using StyleUI
Переглядів 8 тис.2 місяці тому
In this video, I share with you StyleUI, a UI component library I built using tailwindcss and shadcn ui. StyleUI website: www.styleui.dev/ StyleUI github repo: github.com/michaelshimeles/styleui-os Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My portfolio: rasmic.xyz My Nextjs SAAS Starter Kit: starter.rasmic.xyz My Blog Builder & CMS: tsafi.xyz Browser I use ...
Building an Email Software using AWS SES
Переглядів 6 тис.2 місяці тому
In this video, I talk with Levi aka liltechnomancer (on x). He shares with us how he built a super scalable Email software using AWS. We dive into the system design and why he built it the way he built it. If you're a nerd and you love building software, this one is for you. Follow Levi on X: x.com/liltechnomancer DoubleZero (Discount): double-zero.cloud/?aff=z9LMV Licensing Guide: technomancy....
The Cursor AI & v0 Killer | Meet bolt.new
Переглядів 51 тис.2 місяці тому
I'm not joking when I say this is a combo between v0 claude cursor replit. Check it out and let me know what you think. Check it out: bolt.new/ Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My portfolio: rasmic.xyz My Nextjs SAAS Starter Kit: starter.rasmic.xyz My Blog Builder & CMS: tsafi.xyz Browser I use (Arc): dub.sh/my-browser Recording & Editing Software:...
I'm Building a Startup Using Nextjs, Hono & Neon Postgres
Переглядів 6 тис.2 місяці тому
In this video, I share with you all my latest and greatest startup idea that I plan on building in public. Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic Hono Starter Template: github.com/michaelshimeles/hono-cloudflare-postgres DoubleZero Email: double-zero.cloud/?aff=z9LMV My portfolio: rasmic.xyz My Nextjs SAAS Starter Kit: starter.rasmic.xyz My Blog Builder ...
Server Actions: Understanding "use server" & "server only"
Переглядів 3,4 тис.2 місяці тому
In this video, I go over the difference between 'use server' and 'server only'. Once I learned the differences, I started to use 'server only' a lot more. I hope this video is helpful Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My website: rasmic.xyz My Nextjs SAAS Starter Kit: starter.rasmic.xyz My Blog Builder & CMS: tsafi.xyz Browser I use (Arc): dub.sh/my...
Setting Up My Nextjs Starter Kit | Auth, Database & Stripe Payments
Переглядів 19 тис.3 місяці тому
I show you how to setup my personal nextjs starter kit. Looking to build a SAAS? This nextjs starter kit is what you need It includes - Frontend/Backend: Nextjs - Auth: Clerk - Database: Supabase - Payments: Stripe My Nextjs SAAS Starter Kit: starter.rasmic.xyz Follow me on Twitter: dub.sh/ras-twitter Join my Discord: dub.sh/discord-rasmic My portfolio: rasmic.xyz My Nextjs SAAS Starter Kit: st...
Everyone Is Wrong About AI
Переглядів 3,1 тис.3 місяці тому
Everyone Is Wrong About AI
How To Build Web Apps using V0 + Claude AI + Cursor AI
Переглядів 147 тис.3 місяці тому
How To Build Web Apps using V0 Claude AI Cursor AI
3 Clean & Animated Component Libraries | Nextjs & React
Переглядів 13 тис.4 місяці тому
3 Clean & Animated Component Libraries | Nextjs & React
STOP Using Markdown, Use HTML Instead To Render Your Nextjs Blog
Переглядів 3,9 тис.4 місяці тому
STOP Using Markdown, Use HTML Instead To Render Your Nextjs Blog
Building A ShadCN UI Component Renderer | Project #2
Переглядів 3,6 тис.4 місяці тому
Building A ShadCN UI Component Renderer | Project #2
Caching Will Be Different In Nextjs 15 | Lee Rob Explains
Переглядів 2 тис.4 місяці тому
Caching Will Be Different In Nextjs 15 | Lee Rob Explains
How To PROPERLY Fetch Data In Nextjs 14 | Lee Rob Explains
Переглядів 5 тис.4 місяці тому
How To PROPERLY Fetch Data In Nextjs 14 | Lee Rob Explains
You are using Server Actions in Nextjs WRONG | Lee Rob Explains
Переглядів 4,2 тис.4 місяці тому
You are using Server Actions in Nextjs WRONG | Lee Rob Explains
Building GuruCatcher Using Nextjs, Stripe API, Supabase | Project #1
Переглядів 2,6 тис.5 місяців тому
Building GuruCatcher Using Nextjs, Stripe API, Supabase | Project #1
Dev YouTuber Roasts My Nextjs Portfolio Site | @AnthonySistilli
Переглядів 2,4 тис.5 місяців тому
Dev UA-camr Roasts My Nextjs Portfolio Site | @AnthonySistilli
Protect Your Nextjs SAAS From DDOS ATTACK | Vercel Firewall
Переглядів 2,4 тис.5 місяців тому
Protect Your Nextjs SAAS From DDOS ATTACK | Vercel Firewall
Stop using Server Actions | Nextjs
Переглядів 9 тис.5 місяців тому
Stop using Server Actions | Nextjs
3 Reasons Why Laravel Is Better Than Nextjs
Переглядів 2,5 тис.5 місяців тому
3 Reasons Why Laravel Is Better Than Nextjs
Shadcn UI Charts | The Best Chart Library for Nextjs/React
Переглядів 5 тис.5 місяців тому
Shadcn UI Charts | The Best Chart Library for Nextjs/React
AI Image Generation using Nextjs, Vercel AI SDK, & FAL Stable Diffusion
Переглядів 3,2 тис.5 місяців тому
AI Image Generation using Nextjs, Vercel AI SDK, & FAL Stable Diffusion

КОМЕНТАРІ

  • @MN-yz7bp
    @MN-yz7bp 3 години тому

    Ahhh why are you so awesome? Hey is there a newsletter or email list we can sign up for so if you ever launch like a Patreon for extra tutoring we can sign up 😊

  • @bollvigblack
    @bollvigblack 19 годин тому

    Hi Ras, I hope you’re doing well. I have a question. I’m usually comfortable working on the back end, but when it comes to front-end tasks especially aligning items it’s always a struggle and time consuming. Could you make a separate video where you explain the methods you use? For example, how you align items with Tailwind CSS, use containers, place backgrounds, and create spacing ect. i appreaciate you

  • @Crahb
    @Crahb День тому

    Going to be an interesting 5-10 years in seeing the effect of using the models for 90%+ of code writing. Curious if the overall quality of engineers will go down, or if maybe we'll be surprised and people seem to do just as good (or better). I only coded for 3ish years before these models came out and now I almost exclusively use them, granted I read everything that is generated. Not really sure what the effects are, but I definitely don't remember syntax as well, just main ideas/flow of information. Good video :D

  • @patrykkowalski8355
    @patrykkowalski8355 День тому

    Make it any sense to use on big apps, like real scalable, 50k up to 1mln unique users using monthly, with all batteries like middleware, auth, validation and more vs something that is more safe and well packed like adonis.js etc.?

  • @chris--tech
    @chris--tech 2 дні тому

    After finding so many repositories, I think this is the best choice for me! thanks Ras for this work~

  • @archiealvarado8831
    @archiealvarado8831 3 дні тому

    Why Laravel needs package json. And Next.js can live without Laravel...

  • @pierrejeremy9375
    @pierrejeremy9375 4 дні тому

    Brother you have been a great helper on this ! Many thanks for your contribution. I look forward to discover your future great content. Be blessed in the name of Jesus

    • @rasmic
      @rasmic 4 дні тому

      Amen!!! Thank you brother in Christ

  • @ALGONOMICS-OFFICIAL
    @ALGONOMICS-OFFICIAL 5 днів тому

    I’m fairly new to coding, started in 2017 doing light stuff for myself but I’m not really a coder. But when the models came along and I found that I could actually finish projects I started and that they actually work and that I could even do advanced things, I was thrilled. I wasn’t going to learn anything if I didn’t build stuff and I wasn’t gonna keep building stuff that I never could complete or couldn’t figure out. So the models are helping me learn because it gives me examples of working code and when it makes mistakes it forces me to have to learn so I can help figure out what’s wrong.

  • @marcusvanesveld4417
    @marcusvanesveld4417 5 днів тому

    Timestamps (Powered by Merlin AI) 00:03 - AI tools are not replacing developers, but can be a helpful co-pilot in development. 01:29 - Utilizing V0, Claude AI, and Cursor AI for efficient web app development 02:49 - Building a notion style landing page using V0, Claude AI & Cursor AI. 04:44 - Enhancing web app components for speed and aesthetics 06:38 - Using theme provider for light and dark mode 08:34 - Generating folder structure and creating files using Composer in web app development 10:18 - Fixing the header alignment issue on the landing page 12:20 - AI can help speed up UI development process

  • @VthePeople4156
    @VthePeople4156 6 днів тому

    Same app please devopsify

  • @surajbhardwaj2599
    @surajbhardwaj2599 6 днів тому

    1:55:41 Theme?

  • @EnriseTech
    @EnriseTech 6 днів тому

    Great work man thanks for consistently posting! You're such an inspiration brother! much love from Cape town South Africa!

  • @surajbhardwaj2599
    @surajbhardwaj2599 6 днів тому

    What is the name of vs code theme?

  • @beatrixexe
    @beatrixexe 6 днів тому

    Injeera gang 😎

  • @sadeekbeen3055
    @sadeekbeen3055 7 днів тому

    He said rah dog!😂😂😂😂 Great video though!! I was referred by Greg Eisenberg to watch your video.

  • @jonhan8819
    @jonhan8819 7 днів тому

    I like asking Claude first to brain storm for the layout so that v0 has something to go off.

  • @eebb-s1b
    @eebb-s1b 8 днів тому

    what has laravel done to you

  • @RahiKhan-f6w
    @RahiKhan-f6w 8 днів тому

    how does the pricing work in this whole thing exactly? like if each client paid you X, how much would you pay Vercel and Supabase from the sum of X?

  • @arjunacharya9514
    @arjunacharya9514 8 днів тому

    amazing! Just one scenario thought: Say i was working in one system and now open the webpage in another system, in the new system the local db will be empty so no data will be present. I think there is a need fo loading the db in cloud to local db based on which is the most recent source of truth Edit: Also the refresh all items might have race condition

    • @rasmic
      @rasmic 8 днів тому

      Yeah, you're right. I'll be working on the cloud sync stuff, stay tuned.

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

    What a legend. I have some coding background and design background. Would love to see you build something that is more complex with Loveable. Would love a beginners guide. :)

  • @shaunx_hk
    @shaunx_hk 10 днів тому

    Well done! As Cursor is also using Claude, why do you need to use the extra step of asking Claude (native website) for generating code and past into Cursor? Just curious. Thanks.

  • @FashionTrends-w1n
    @FashionTrends-w1n 10 днів тому

    Bro, can you make a review of Devin ai ?

  • @maganjila
    @maganjila 10 днів тому

    I suggest you create a course for people who know nothing about coding.

  • @danielluk8469
    @danielluk8469 10 днів тому

    Oh awesome, your video is clear and straightforward...The only video about next.js starter I don't fall asleep so far...

    • @rasmic
      @rasmic 10 днів тому

      Thanks for the love, that means a lot! 🔥

  • @stumbleio
    @stumbleio 10 днів тому

    Please create the full tutorial. :) Would be very helpful to many. Thanks.

  • @hug0er96
    @hug0er96 11 днів тому

    Awesome video man. Thanks for the content, could you share your opinion on using this stack or using the stack with Convex? I’m about to start a project, and it would be great to know your thoughts.

  • @shodwana
    @shodwana 11 днів тому

    This is amazing, i use cursor myself but i don’t just watch i like getting involved. I am willing to learn and i will definitely get my hands to this kep up the good work😊

  • @hzunplugged
    @hzunplugged 11 днів тому

    Beginner here, anyone else getting a "[wrangler:inf] GET /favicon.ico 404 Not Found (3ms)" after bun run dev post index.ts change? stackoverflow says adding a value to the href attribute" <link rel="shortcut icon" href="#" /> but I don't know where to insert this line...

  • @mymorningjacket_
    @mymorningjacket_ 11 днів тому

    this is exactly what I was looking for. can you make a thorough explanation on how you created your own api?

  • @Eric-jy8ec
    @Eric-jy8ec 11 днів тому

    If you're having your own back-end logic accessible via API that wont be enough to prevent yourself from being ddos'ed

  • @iloveunity3815
    @iloveunity3815 11 днів тому

    Can i build a mobile app with ai

  • @nwylynko
    @nwylynko 12 днів тому

    Great video! one of the simplest ways to setup a http api for sure.

  • @auxinnepaul8203
    @auxinnepaul8203 12 днів тому

    I appreciate your work, which browser are you using bro?

    • @rasmic
      @rasmic 12 днів тому

      Arc browser

    • @auxinnepaul8203
      @auxinnepaul8203 11 днів тому

      @@rasmic thanks man. I appreciate you good work

  • @umsoft
    @umsoft 12 днів тому

    Thank you so much for this amazing starter kit! It’s incredibly well-put-together and has been a huge help. I’d love to see a tutorial on building a full-stack application using React for the front-end, with Hono.js, Drizzle ORM, and a Neon database for the back-end, including authentication. Your content is always so clear and insightful-keep up the great work!

    • @rasmic
      @rasmic 12 днів тому

      will do my g, thank you for the kind words!!!

  • @IgorSouza-yi6gq
    @IgorSouza-yi6gq 13 днів тому

    Awesome job, thanks for sharing!

  • @sid4579
    @sid4579 14 днів тому

    how do you do auth in this?

  • @Manifestinggreatsuccess
    @Manifestinggreatsuccess 14 днів тому

    Great job Ras. Can you talk about how to connect Lovable to Stripe?

    • @kevincarter766
      @kevincarter766 10 днів тому

      ua-cam.com/video/jWPxl_XLDK8/v-deo.htmlsi=BwkpCn3LEoDZzU99

    • @kevincarter766
      @kevincarter766 10 днів тому

      Brock tells you how to connect to stripe

  • @davedavedave4
    @davedavedave4 14 днів тому

    Dude u look so Indian

  • @WebDevsNest
    @WebDevsNest 14 днів тому

    this starter kit is awesome, but for some reason everytime i make a change to the prisma schema and try creating a new user or insert data to the database, it doesn't work. why is this happening?

  • @ttaylor9916
    @ttaylor9916 15 днів тому

    Thanks!

    • @rasmic
      @rasmic 13 днів тому

      Thank you my g ❤️

  • @ttaylor9916
    @ttaylor9916 15 днів тому

    whats the strange cursor always blocking out the area of interest :) super tutorial, ALL WORKED!, 9 mins of packed action :) You might thought paste that POST code somewhere... or i did i miss it?

  • @enriquegarcia6404
    @enriquegarcia6404 15 днів тому

    nice tutorial. Just one question, is it good practice to instantiate the postgres pool on each endpoint? Couldn't it be done outside and just import the db object?

    • @rasmic
      @rasmic 15 днів тому

      i think that's the only way to make it work with cloudflare workers...

  • @raphauy
    @raphauy 15 днів тому

    Thank you!

    • @rasmic
      @rasmic 15 днів тому

      You're welcome!

  •  16 днів тому

    returning failed message with http200 😢

    • @rasmic
      @rasmic 16 днів тому

      just checked worked for me, did u follow the setup?

  • @DarshanGowda
    @DarshanGowda 16 днів тому

    Ras, Can you create the same tutorial but with Cloudflare D1 Instead of Neon, was findin super hard to setup with D1

  • @david.tanasescu
    @david.tanasescu 17 днів тому

    where is x clone at?

  • @Omar_Al_Seddik
    @Omar_Al_Seddik 17 днів тому

    Why Clerk and not Convex auth?

  • @debsouryadatta807
    @debsouryadatta807 17 днів тому

    Nice one man, so simple and easy. And also thanks for the starter kit💙

    • @rasmic
      @rasmic 16 днів тому

      gotchu gang

  • @OptionsYolo
    @OptionsYolo 17 днів тому

    I absolutely love this stack but can we swap out drizzle for prisma? Because I remember reading somewhere that prisma is not compatible on edge environments

    • @ven2389
      @ven2389 17 днів тому

      That depends on what db you are using. Prisma now has some serverless drivers which can be used in serverless environments. Neon & planetscale for example are supported

    • @OptionsYolo
      @OptionsYolo 17 днів тому

      @ Does this impact performance? And is supabase supported?

    • @ven2389
      @ven2389 17 днів тому

      @@OptionsYolo Performance? Not really in a noticeable way. Supabase is pure postgresql, so as such for now it will not work with prisma

    • @OptionsYolo
      @OptionsYolo 17 днів тому

      @ ok cool, thank you!