- 68
- 665 384
Ras Mic
Canada
Приєднався 6 чер 2016
Bond Servant of Jesus Christ. Full Stack Engineer.
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
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...
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
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
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 😊
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
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
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.?
After finding so many repositories, I think this is the best choice for me! thanks Ras for this work~
Why Laravel needs package json. And Next.js can live without Laravel...
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
Amen!!! Thank you brother in Christ
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.
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
Same app please devopsify
1:55:41 Theme?
Great work man thanks for consistently posting! You're such an inspiration brother! much love from Cape town South Africa!
What is the name of vs code theme?
Injeera gang 😎
He said rah dog!😂😂😂😂 Great video though!! I was referred by Greg Eisenberg to watch your video.
I like asking Claude first to brain storm for the layout so that v0 has something to go off.
what has laravel done to you
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?
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
Yeah, you're right. I'll be working on the cloud sync stuff, stay tuned.
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. :)
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.
Bro, can you make a review of Devin ai ?
I suggest you create a course for people who know nothing about coding.
Oh awesome, your video is clear and straightforward...The only video about next.js starter I don't fall asleep so far...
Thanks for the love, that means a lot! 🔥
Please create the full tutorial. :) Would be very helpful to many. Thanks.
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.
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😊
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...
this is exactly what I was looking for. can you make a thorough explanation on how you created your own api?
If you're having your own back-end logic accessible via API that wont be enough to prevent yourself from being ddos'ed
Can i build a mobile app with ai
Great video! one of the simplest ways to setup a http api for sure.
I appreciate your work, which browser are you using bro?
Arc browser
@@rasmic thanks man. I appreciate you good work
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!
will do my g, thank you for the kind words!!!
Awesome job, thanks for sharing!
how do you do auth in this?
Great job Ras. Can you talk about how to connect Lovable to Stripe?
ua-cam.com/video/jWPxl_XLDK8/v-deo.htmlsi=BwkpCn3LEoDZzU99
Brock tells you how to connect to stripe
Dude u look so Indian
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?
Thanks!
Thank you my g ❤️
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?
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?
i think that's the only way to make it work with cloudflare workers...
Thank you!
You're welcome!
returning failed message with http200 😢
just checked worked for me, did u follow the setup?
Ras, Can you create the same tutorial but with Cloudflare D1 Instead of Neon, was findin super hard to setup with D1
where is x clone at?
Why Clerk and not Convex auth?
Nice one man, so simple and easy. And also thanks for the starter kit💙
gotchu gang
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
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
@ Does this impact performance? And is supabase supported?
@@OptionsYolo Performance? Not really in a noticeable way. Supabase is pure postgresql, so as such for now it will not work with prisma
@ ok cool, thank you!