- Видео 68
- Просмотров 661 863
Ras Mic
Канада
Добавлен 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
Просмотров: 4 944
Видео
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 тыс.28 дней назад
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: ruclips.net/video/23wVXe4bWLk/видео.ht...
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): ruclips.net/video/EV9Lb7PYb1I/видео.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
Просмотров 50 тыс.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,3 тыс.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
Просмотров 18 тыс.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
Просмотров 146 тыс.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 RUclipsr 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,1 тыс.5 месяцев назад
AI Image Generation using Nextjs, Vercel AI SDK, & FAL Stable Diffusion
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?
ruclips.net/video/jWPxl_XLDK8/видео.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!
You can just put the database url in the wrangler.toml file as [vars]
Thank you for all this information
Anytime bro
Hi Ras amazing video, but from a graphic design and advertisement designer. what is the faster blueprint to learn and understand all the topics that you explain for building stuff for clients. Context: i discover you from the video using v0, cursor, and claude AI in the video call "How To Build Web Apps using V0 + Claude AI + Cursor AI" -love your high value content dude
You da man. Keep the fire burning 🔥
Always!!! Thank you my g
🍿😁
man i just discover your channel you are be far the must "real world" youtube developer i saw keep it going!
Thanks my g, appreciate the love!