- 85
- 83 164
Arif Logs
เข้าร่วมเมื่อ 12 เม.ย. 2020
I build open-source tools and share my insights through content.
This is The Postman Alternative You Were Looking For!
If you are looking for an alternative to Postman, then is is the perfect video for you. In this video, I review ApiDog, which my opinion is the best API testing tool out there.
Check out ApiDog here: dub.sh/apidog
--------------------------------------
Suggest your video ideas 👉 suggest.gg/ariflogs
My Projects:
✨ UI library: retroui.dev
📢 Promote Indie Products: indiehustles.com
📧 Newsletter: letter.ariflogs.com
My Socials:
🐦 Twitter: ariflogs
👨💻 Github: www.github.com/ariflogs
💼 LinkedIn: www.linkedin.com/in/ariflogs
🏞️ Instagram: arif.logs
🕺 TikTok: www.tiktok.com/@ariflogs
Check out ApiDog here: dub.sh/apidog
--------------------------------------
Suggest your video ideas 👉 suggest.gg/ariflogs
My Projects:
✨ UI library: retroui.dev
📢 Promote Indie Products: indiehustles.com
📧 Newsletter: letter.ariflogs.com
My Socials:
🐦 Twitter: ariflogs
👨💻 Github: www.github.com/ariflogs
💼 LinkedIn: www.linkedin.com/in/ariflogs
🏞️ Instagram: arif.logs
🕺 TikTok: www.tiktok.com/@ariflogs
มุมมอง: 650
วีดีโอ
My Tech Stack for Building the Open Source UI Library
มุมมอง 40421 วันที่ผ่านมา
I'm building an open source React UI library called RetroUI! In this video, I’ll be sharing the tech stack I'm using to make this project possible. check it out 👉 retroui.dev 💡 Suggest your video ideas 👉 suggest.gg/ariflogs 📧 Subscribe to my Newsletter: letter.ariflogs.com My Projects: ✨ UI library: retroui.dev 📢 Promote Indie Products: indiehustles.com My Socials: 🐦 Twitter: ariflo...
Handle Race Conditions and Save Your App from Disaster!
มุมมอง 2.8K28 วันที่ผ่านมา
📨 Subscribe to my Newsletter: letter.ariflogs.com It is common misconception that Javascript can not have race condition! In this video I show how it can happen with a real world example and how you can handle it. My Projects: ✨ UI library: retroui.dev 📢 Promote Indie Products: indiehustles.com My Socials: 🐦 Twitter: ariflogs 👨💻 Github: www.github.com/ariflogs 💼 LinkedIn: www.linke...
Auto Deploy From Github to VPS with Docker and Github Actions!
มุมมอง 1.5Kหลายเดือนก่อน
So in this video, I’ll be showing you how I automate my deployments on a Self hosted VPS. checkout my UI Library: retroui.dev promote your indie products: indiehustles.com
How to Contribute to Open Source Projects with Real Example!
มุมมอง 429หลายเดือนก่อน
Contributing to open source projects can help you to build credibility as a developer. In this video, I share how you can contribute to open source projects the right way. ✨My UI library: retroui.dev 📢 Promote Indie Products: indiehustles.com
The Easiest Way to Fetch Data in NextJS App Router!
มุมมอง 250หลายเดือนก่อน
In this video, I share how you can fetch API data with NextJS 14. checkout my ui library: retroui.dev
How Much Traffic my $6 VPS Server Can Handle?
มุมมอง 45Kหลายเดือนก่อน
I'm hosting my project, RetroUI on a VPS worth $6/month. In this video, I show you how many visitors it can handle. Checkout my UI library: retroui.dev
Top 14 must have VS Code Extensions in 2024!
มุมมอง 3342 หลายเดือนก่อน
In this video i’ll share some of my favorite VS Code extensions that makes my life lot easier. The list: 1. Aura Theme: 00:29 2. Helium Icon Theme: 00:56 3. Code spell checker: 01:32 4. Template String Converter: 02:03 5. Thunder Client: 02:45 6. SQLite Viewer: 03:20 7. Git Lens: 03:47 8. Git Graph: 04:12 9. indent-rainbow: 05:15 10. Better Comments: 05:36 11. ToDo Tree: 06:39 12. Tailwind CSS ...
Why You Should Use Zod to Validate Your NextJS Apis!
มุมมอง 1832 หลายเดือนก่อน
In this video, I share how you can use Zod to validate your APIs. Codebase: github.com/ariflogs/next-can-do-backend/tree/zod-validation Zod website: zod.dev Checkout my UI Library: ui.ariflogs.com
Why NextJS is The GOAT for Building Modern Web Applications!
มุมมอง 4232 หลายเดือนก่อน
After using separate frontend and backend for one of my projects, I got reminded why NextJS is the best framework for building websites. In this video, I'll be sharing how I came to this conclusion and why you should probably use NextJS for your next indie project. ✨ My UI library: ui.ariflogs.co #webdev #programming #javascriptframework
A new UI library that doesn’t look generic!
มุมมอง 5862 หลายเดือนก่อน
Introducing RetroUI, a retro-styled Tailwind CSS component library for modern web apps. Repo: github.com/ariflogs/retroui URL: ui.ariflogs.com Free Recourses: 📢 Promote Indie Products: indiehustles.com 📧 Newsletter: engineeringdeepdive.substack.com 📝 Portfolio Template: github.com/ariflogs/logsfolio 👥 Community: discord.gg/Jum3NJxK6Q My Socials: 🐦 Twitter: ariflogs 👨💻 Github: www.g...
NextJS database setup with Prisma, Postgresql and Neon | Next Backend
มุมมอง 9732 หลายเดือนก่อน
welcome to the 2nd video of a the series called “Next can do Backend” where we talk about the backend stuff you can do with NextJS. In this tutorial, I’ll share how you can perform database operations in NextJS using Prisma and Postgresql. Prisma visualizer: prismaliser.app/
A New Opensource API Client | Bruno | Postman Alternative
มุมมอง 7342 หลายเดือนก่อน
A New Opensource API Client | Bruno | Postman Alternative
Build REST APIs with Next.js Route Handlers | Next Backend
มุมมอง 2462 หลายเดือนก่อน
Build REST APIs with Next.js Route Handlers | Next Backend
Auto Generate Sidebar with NextJS Pages | Next.js 14 & TailwindCSS
มุมมอง 1792 หลายเดือนก่อน
Auto Generate Sidebar with NextJS Pages | Next.js 14 & TailwindCSS
Django First Impression From a JavaScript Dev | Django vs NodeJS
มุมมอง 2133 หลายเดือนก่อน
Django First Impression From a JavaScript Dev | Django vs NodeJS
Build a Video Call App with NextJS and ZegoCloud | Zoom Clone | NextJS project
มุมมอง 3893 หลายเดือนก่อน
Build a Video Call App with NextJS and ZegoCloud | Zoom Clone | NextJS project
14 Tools I Use to Build Websites with NextJS
มุมมอง 2.2K3 หลายเดือนก่อน
14 Tools I Use to Build Websites with NextJS
Self Host Websites with Docker & Caddy (free SSL)
มุมมอง 2594 หลายเดือนก่อน
Self Host Websites with Docker & Caddy (free SSL)
Shadcn UI Charts | Best Chart Library for NextJS/React projects
มุมมอง 3314 หลายเดือนก่อน
Shadcn UI Charts | Best Chart Library for NextJS/React projects
Use MDX(markdown) with NextJS to Create Blogs
มุมมอง 4994 หลายเดือนก่อน
Use MDX(markdown) with NextJS to Create Blogs
Animation Made Easy for React/NextJS projects | New React UI Library | Magic UI
มุมมอง 7K4 หลายเดือนก่อน
Animation Made Easy for React/NextJS projects | New React UI Library | Magic UI
Monitor Websites for Free with Uptime Kuma and Telegram!
มุมมอง 2914 หลายเดือนก่อน
Monitor Websites for Free with Uptime Kuma and Telegram!
I made an open-source portfolio template with NextJS & Shadcn/ui
มุมมอง 6815 หลายเดือนก่อน
I made an open-source portfolio template with NextJS & Shadcn/ui
Why I'm Not Using React Native to Develop IOS Apps
มุมมอง 4965 หลายเดือนก่อน
Why I'm Not Using React Native to Develop IOS Apps
Make your website Production-ready and save Logs! #nextjs #vercel
มุมมอง 2296 หลายเดือนก่อน
Make your website Production-ready and save Logs! #nextjs #vercel
How I added Subscription with Stripe in NextJS application
มุมมอง 2526 หลายเดือนก่อน
How I added Subscription with Stripe in NextJS application
I used 100% of Vercel's Free Plan by mistake! 🥲 #nextjs
มุมมอง 9386 หลายเดือนก่อน
I used 100% of Vercel's Free Plan by mistake! 🥲 #nextjs
How to send Emails using ReactJS, TailwindCSS, and NextJS.
มุมมอง 3796 หลายเดือนก่อน
How to send Emails using ReactJS, TailwindCSS, and NextJS.
Easy Auth Setup for NextJS/React in 2024
มุมมอง 1.4K7 หลายเดือนก่อน
Easy Auth Setup for NextJS/React in 2024
Nice design 👍
thank you 💜
Hi Arif, nice video. What tool did you use for illustrating the operation flow.
excalidraw
Closed all the VPSs and moved to Cloudflare, life's easy.
Subbed bro
thank you 🙏
6 USD per month for those specs are crazy expensive. I pay 11 USD per YEAR for the same!
what service you use?
@@ariflogs RackNerd
Try insomnia
This is really cool! I was recently debating between paying for a VPS or an edge function service, and did some research on what I could get for ~5$. Then I realized that I was forgetting about RAM limitations on a VPS! If I'm only deploying one project, that's fine, but over time you'll probably end up deploying several hobby projects. Eventually, you would need to upgrade the VPS even if you have 0 users, in order to host the extra apps, which kinda sucks. However... With edge functions, the number of projects doesn't matter, only the requests does! Cloudflare Workers was the cheapest with 10 million requests/month for just $5. It might be less than the number of requests the VPS could do, but I can host unlimited projects here. So my reasoning was to just use Cloudflare Workers, and if I ever reached the 10 million requests/month, then it means my app is popular and I probably made a good amount of money! And I can just use that money to switch to an expensive VPS just for that popular app.
thanks bro, you are the best!
thank you 🙏
Nice tool
how to do process payment from bangladesh
setup a business in US
from bangladesh we can't use stripe for our saas. then what?
you can use lemon squeezy
is docker hub safe, or anyone can access those images
you have options to make your image public or private.
Please do at 200 or 300 and share the stats of the system How do cpu and ram perform?
think the CPU will be fine, but will be out of ram
Insightful
thank you 🙏
It was cool to see a load test and learn about this library, I've never ran a load test before. Thanks for sharing.
It also depends on the code you have written. Gzip, reddis, etc
you're paying too much i think, hostinger offers are way better
Umm, based on their pricing, it seems pretty similar to me 🤷♂️
think you get those cheap prices if you buy the 1/2 yearly plans
can you share where you got your excalidraw icon library please?
I use a mix on them
Response time is absolutely trash bro.
I guess, should be faster after adding CDN
nice one
damn, cool library. i want this style in my blog
would love to see your blog when it's done 😁
why not host static site on netlify or something for free?
Hi, this was a pretty helpful to me, but how can we test a page which waits for more than 3 & 4 apis response for the complete page load, then how can we test that page response time for a set of users?
will the apis be in the same server or different?
can you share how much time it took you to get here?
around 2 months since I made the first commit
@@ariflogsthat is quick, can you share since when you are programming, i am trying web dev, just want to know how much time it took you
Oh, I started programming 5years ago. took me like 10 months to learn the basic web dev and get my first job.
@@ariflogs thanks, you were really awesome for sharing, keep up the good work :)
You need more likes my man Keep the good work I'm sure you will be a beast here
thank you 🙏
Great content. Please do a tutorial on load testing
Ty for your tests, subscribed 🫡
Glad you enjoyed it!
Thanks for the video mate, looking for more content from your channel
stay turned 🙏
Can you please do a similar video to show the difference between CPU and GPU? I mean at what point does CPU become unfeasible & we ought to go with a GPU?
hmm, that sounds pretty interesting. 😮 will look into it
Great content @Arif, Learned a lot. Please create more lessons like this.
thank you 🙏 will sure do
I need more of this type of content, subscribed
thank you 🙏
Thanks that's helpful
Can I know the note/sketch app that you are using to draw mind map? and can you recommend one for making psudeo app code?
I'm using excalidraw
Very foundational, easy to follow and informative video, thanks! Curious question: the site seems to be a doc site, which could be a static site, what are you using sqlite database for?
the markdown examples were inside sqlite when I was recording the video. recently, I moved all of them into markdown. and can't make it static site coz soon we'll have pro components that will require apis, auth stuff
@@ariflogs Got it! Makes sense, sounds exiting. Really digging the components.
This is so handy was just checking out how much workload I could put on the 6$ vps today
Looking good
Thank you 🙏
If it's possible, can you share the repo to be able to see how this is was configured?
you mean the locust python file?
I think you did a great job but you used the wrong example. most people here really didn't think outside the scope, they practically evaluating your explanations and methods using your example which actually will well be inefficient and over-complicating the solution Race conditions is practically one of the major issues high traffic companies that do a lot of write than read on the database faces... While many database itself has been optimizing thier efficiency to prevent race conditions you still want to do well to handle such situations on the backend If your audience are JavaScript devs i don't expect them to know much 😅😅😅 peace out 😉
In real life scenario for this types of system people should use queue like rabbitqm and database transaction if the payment api directly connected with local banking system. But if they use stripe for payment handling stripe will handle most of work.
Great job. I like this type of load testing.
Glad you enjoyed it! 😁
Loved this vid! Subbed, keep up the great work
Thank you! 🙏
I dont think this would work if your application is horizontally scaling. Like if you have more than one instance to handle this load
true, it may not work on serverless architecture as well. you implement different solutions for different use cases.
@@ariflogs i think to make it work on your code for serverless. Your each row can have an incremental id . Each time you insert you increment the run and instead of insert you run an update where Id = old id . Since databases do row locking it should ideally fail the query so your code could be refactored a bit and it should work like a charm
It can be done using transactions on database, like using cheking number of titkets and insert and decrement ticket count, the another user at same time get rollbacked if the ticket count is 0
yeap, I just demonstrated one option. Surely, there are many other ways.
this can simply be handled using uid's and mapping it w the ticket entitity itself where one ticket can have only one user! i don't think you need to explicitly track every single promise in the codebase tho, ig it's a good practice or you're overdoing it :D
hmm.. coding all these logics is easier than just adding a promise? 🤔 but regardless, the point of the video is to explain what's race condition is. the scenario was just an example. 🤷
This can be solved by using database transaction. you don’t need any extra logic to handle race condition
sometimes you do
Database transactions won’t solve this .
I love to contribute
any specific component you would like to include?