Arif Logs
Arif Logs
  • Видео 68
  • Просмотров 21 708
Django First Impression From A Javascript Dev | Django vs NodeJS
#webdev #django #javascript
Hi guys, so I just recently started exploring Django, the python based web framework. In this video, i'll be sharing my first impression of the framework from the POV of a Javascript dev.
--------------------------------------
Free Recourses:
📧 Newsletter: engineeringdeepdive.substack.com/
📝 Portfolio Template: github.com/ariflogs/logsfolio
👥 Community: discord.gg/Jum3NJxK6Q
My Projects:
👉 makerstracker.com
👉 pricingbees.com
👉 indiehustles.com
My Socials:
🐦 Twitter: ariflogs
💼 LinkedIn: www.linkedin.com/in/ariflogs
🏞️ Instagram: arif.logs
🕺 TikTok: www.tiktok.com/@ariflogs
Просмотров: 55

Видео

Build a Video Call App with NextJS and ZegoCloud | Zoom Clone | NextJS project
Просмотров 277День назад
· Get 10000 free mins with UIKits: bit.ly/3zZF072 · Learn more about ZEGOCLOUD: bit.ly/3Wvu49d · 100% customized video call SDK: bit.ly/3W75M57 · How to build a video call App: bit.ly/3LtyYy7 Hey guys 👋 In this video, We build a NextJS project in 30 minutes with the help of ZegoCloud. Codebase: github.com/ariflogs/logs-meeting-zegoclound Free Recourses: 📧 Newsletter: deepdive.dotcomtaken.com 📝...
14 Tools I Use to Build Websites with NextJS
Просмотров 1,5 тыс.14 дней назад
#webdev #reactjs NextJS is one of my favorite web frameworks, it offers some pretty neat features on top of React. but it’s not as full-featured as some popular frameworks like Laravel, Django or Ruby on Rails. So often you need to use it with other tools and libraries to get things done. In this video, I share some of the common tools I use with NextJS. Tools mentioned in the video: - Shadcn/U...
Self Host Websites with Docker & Caddy (free SSL)
Просмотров 155Месяц назад
#devops #docker #vps I have been using Docker and Caddy to self host many of my projects on Digitalocean droplets/VPS. In this video, I share the whole process with you. Free Recourses: 📧 Newsletter: engineeringdeepdive.substack.com 📝 Portfolio Template: github.com/ariflogs/logsfolio 👥 Community: discord.gg/Jum3NJxK6Q My Projects: 👉 makerstracker.com 👉 pricingbees.com 👉 indiehustles.com My Soci...
Shadcn UI Charts | Best Chart Library for NextJS/React projects
Просмотров 209Месяц назад
#nextjs #webdev #chart Shadcn UI recently launched Charts! It's a bunch of open-source components that you can copy and paste into your apps. In this video, I explore and implement them in a NextJS project. Free Recourses: 👉 Newsletter: engineeringdeepdive.substack.com/ 👉 Portfolio Template: github.com/ariflogs/logsfolio 👉 Dev Community: discord.gg/Jum3NJxK6Q My socials: 👉 Twitter: ...
Use MDX(markdown) with NextJS to Create Blogs
Просмотров 291Месяц назад
#blogsites #nextjs #mdx MDX supercharges markdown! and this video I share how you can use it with NextJS to build your next blog website. Live URL: logsfolio.vercel.app/ Github Repo: github.com/ariflogs/logsfolio Join Free Community 👉 discord.gg/Jum3NJxK6Q Subscribe to my Newsletter 👉 engineeringdeepdive.substack.com My projects: 👉 pricingbees.com 👉 makerstracker.com My socials: 👉 Twitter: twit...
Animation Made Easy for React/NextJS projects | New React UI Library | Magic UI
Просмотров 3,9 тыс.Месяц назад
Animation Made Easy for React/NextJS projects | New React UI Library | Magic UI
Monitor Websites for Free with Uptime Kuma and Telegram!
Просмотров 131Месяц назад
Monitor Websites for Free with Uptime Kuma and Telegram!
I made an open-source portfolio template with NextJS & Shadcn/ui
Просмотров 573Месяц назад
I made an open-source portfolio template with NextJS & Shadcn/ui
Why I'm Not Using React Native to Develop IOS Apps
Просмотров 4592 месяца назад
Why I'm Not Using React Native to Develop IOS Apps
Make your website Production-ready and save Logs! #nextjs #vercel
Просмотров 1682 месяца назад
Make your website Production-ready and save Logs! #nextjs #vercel
How I added Subscription with Stripe in NextJS application
Просмотров 2133 месяца назад
How I added Subscription with Stripe in NextJS application
I used 100% of Vercel's Free Plan by mistake! 🥲 #nextjs
Просмотров 8693 месяца назад
I used 100% of Vercel's Free Plan by mistake! 🥲 #nextjs
How to send Emails using ReactJS, TailwindCSS, and NextJS.
Просмотров 3653 месяца назад
How to send Emails using ReactJS, TailwindCSS, and NextJS.
Easy Auth Setup for NextJS/React in 2024
Просмотров 1,1 тыс.3 месяца назад
Easy Auth Setup for NextJS/React in 2024
Next.js SEO metadata - A complete guide (2024)
Просмотров 2944 месяца назад
Next.js SEO metadata - A complete guide (2024)
My SaaS marketing strategy for 2024 (you can copy it) | week6 of 0 to $5K/month
Просмотров 1424 месяца назад
My SaaS marketing strategy for 2024 (you can copy it) | week6 of 0 to $5K/month
I Launched A goal tracker SaaS for Creators/Indie Hackers | week5 of 0 to 5k/month
Просмотров 1614 месяца назад
I Launched A goal tracker SaaS for Creators/Indie Hackers | week5 of 0 to 5k/month
How I built my dashboard with no-code(Airtable & Softr) for free | week 2 of 0 to 5K/month
Просмотров 1564 месяца назад
How I built my dashboard with no-code(Airtable & Softr) for free | week 2 of 0 to 5K/month
I'm making my first Indie game | Week 1 of 0 to 5K/month
Просмотров 2115 месяцев назад
I'm making my first Indie game | Week 1 of 0 to 5K/month
I quit my Software Engineer job! Week 0 of 0 to $5K/month.
Просмотров 3,7 тыс.5 месяцев назад
I quit my Software Engineer job! Week 0 of 0 to $5K/month.
How I'll Achieve Monetization on YouTube by 2024
Просмотров 1087 месяцев назад
How I'll Achieve Monetization on RUclips by 2024

Комментарии

  • @learncoding1178
    @learncoding1178 День назад

    Keep it up

  • @ngn8506
    @ngn8506 11 дней назад

    nice project!

  • @ariflogs
    @ariflogs 12 дней назад

    · Get 10000 free mins with UIKits: bit.ly/3zZF072 · Learn more about ZEGOCLOUD: bit.ly/3Wvu49d · 100% customized video call SDK: bit.ly/3W75M57 · How to build a video call App: bit.ly/3LtyYy7

  • @m4tthias
    @m4tthias 12 дней назад

    Thanks for sharing - Subscriber 456.

    • @ariflogs
      @ariflogs 12 дней назад

      you're welcome. Thanks for the sub! ❤️

  • @couragic
    @couragic 12 дней назад

    Nivo looks awesome! Thanks. I use almost all this tools too. I also use zsa for typesafe server actions in nextjs.

    • @ariflogs
      @ariflogs 12 дней назад

      interesting, guess I have to check it out 😃

    • @couragic
      @couragic 12 дней назад

      @@ariflogs It is like tRpc but for server actions. Can be used in combination with tanstack react query

    • @ariflogs
      @ariflogs 12 дней назад

      Sounds cool. thanks for sharing 🙏

  • @alikaracadev
    @alikaracadev 18 дней назад

    we r using tanstack query with vue

  • @yoJuicy
    @yoJuicy 19 дней назад

    Pretty good list! Have you tried trpc or drizzleorm?

    • @ariflogs
      @ariflogs 18 дней назад

      Trpc, yes, but haven't tried Drizzle yet!

  • @marcellherczeg3627
    @marcellherczeg3627 19 дней назад

    keep doing videos you are awsome

    • @ariflogs
      @ariflogs 18 дней назад

      Thank you, I will! ❤️

  • @reydelocon629
    @reydelocon629 19 дней назад

    thanks bro

    • @ariflogs
      @ariflogs 19 дней назад

      you're welcome 😁

  • @0xtz_
    @0xtz_ 20 дней назад

    nice 🙂

  • @BhagatSurya
    @BhagatSurya 20 дней назад

    Thank you for sharing this, man.

    • @ariflogs
      @ariflogs 19 дней назад

      you're welcome 🙏

  • @darshan_simba
    @darshan_simba 21 день назад

    Hey Arif can u please make a video on, how to use Magic UI for React + vite projects, I tried as in the documentation but I could not succeed, please🙏🙏

    • @ariflogs
      @ariflogs 20 дней назад

      making a dedicated video just for that use case might be difficult.. you can share the issue you are facing on our discord community. I'll try helping your use case there

  • @alpharsh
    @alpharsh 29 дней назад

    Hey I've a doubt, can we use Magic UI with ReactJs ?

    • @ariflogs
      @ariflogs 29 дней назад

      yes, you can

    • @alpharsh
      @alpharsh 27 дней назад

      ​​​@@ariflogs but brother at the time of deployment "Error when using sourcemap for reporting an error: Can't resolve original location of error" This error is coming using vite+react(jsx) and MagicUI, please suggest solution

  • @RAMAVATHVEERESHNAIK
    @RAMAVATHVEERESHNAIK 29 дней назад

    can we do in js insted of type script

    • @ariflogs
      @ariflogs 29 дней назад

      Typescript is suggested. you probably have to remove the type checkings to implement in JavaScript.

    • @mrawara1763
      @mrawara1763 25 дней назад

      @@ariflogs can you please make a video for the same

  • @rifatnoor9956
    @rifatnoor9956 Месяц назад

    Didn't know about caddy. Nice stuff.

  • @itsmesuraj20
    @itsmesuraj20 Месяц назад

    Sir How can I connect with you ? Need help in career guidance !! Anything will work for me : Linkedin , Google Workspace , Slack , Whatsapp any thing

    • @ariflogs
      @ariflogs Месяц назад

      You can connect me on LinkedIn, profile link is in the description.

  • @MyNeonIsADecepticon
    @MyNeonIsADecepticon Месяц назад

    Easily the most attractive developer on RUclips 🙌🏼😍

    • @ariflogs
      @ariflogs Месяц назад

      haha, not sure about that.. but definitely with the most attractive wife 😌

  • @A.V.F.P
    @A.V.F.P Месяц назад

    The solution is *worse* (both in runtime and functional behavior) than the strict type equality check

    • @ariflogs
      @ariflogs Месяц назад

      interesting, can you elaborate how it's worse?

    • @A.V.F.P
      @A.V.F.P Месяц назад

      @ariflogs It's worse because of: 1. Behavioral: the boolean function will exclude the 0s even tho it is stated the filter should include them 2. Adds uneccesery computations: the boolean function also checks equlity for the values: undefined, '' (empty string), [] (empty array), NaN, true and false which are not expected to be in the array (also if the starting point changes those values should be filtered out) 3. The code is a little bit less readable All the point above are easily fixable but the best way to fix a problem is to not introduce it

    • @ariflogs
      @ariflogs Месяц назад

      using numbers and null were just examples. If you read the video title, the goal is to filter falsy values. Even in the video, I mentioned Boolean will filter falsy values. So I think Boolean serves that purpose and is better than writing conditions for all use cases.

    • @A.V.F.P
      @A.V.F.P Месяц назад

      @ariflogs Sorry but no one reads the title of RUclips shorts I only reacted to the content of the video

    • @ariflogs
      @ariflogs Месяц назад

      okay, thanks for sharing.

  • @NaimulEmon1
    @NaimulEmon1 Месяц назад

    Can I join with you ?

    • @ariflogs
      @ariflogs Месяц назад

      hmm? What you mean? 🤔

  • @ariflogs
    @ariflogs Месяц назад

    Note: If you want to keep 0 in the list, make sure to add a separate condition to handle that. thanks for the comments to point it out 🙏

  • @MyNeonIsADecepticon
    @MyNeonIsADecepticon Месяц назад

    Good stuff!! Thank you☺️

  • @MyNeonIsADecepticon
    @MyNeonIsADecepticon Месяц назад

    I heard Bookuu in this one 😆

  • @AncientMango-lq6yz
    @AncientMango-lq6yz Месяц назад

    it's not the best way if it doesn't work. 0 is falsy so your solution is not going to work on any array containing 0

    • @ariflogs
      @ariflogs Месяц назад

      Fair. but if we are looking for the best way to remove all falsy values, 0 being removed should also be fine, right? 🤷

    • @AncientMango-lq6yz
      @AncientMango-lq6yz Месяц назад

      @@ariflogs if we put it that way yes but then i don't think that using numbers is the best way to show it. It can be confusing for somebody who wants to use it and doesn't know about 0 as a falsy value.

    • @ariflogs
      @ariflogs Месяц назад

      yes, that makes sense. thanks for bringing it out. 🙏 I added a pinned comment in the video regarding this.

  • @shujaalik
    @shujaalik Месяц назад

    Won't it also remove 0?

    • @ariflogs
      @ariflogs Месяц назад

      yes, it would

  • @akashshukla3815
    @akashshukla3815 Месяц назад

    Damn, great post. Had no idea about this.

  • @photozoa
    @photozoa Месяц назад

    heyy when ever I make a new mdx blog inside the blogs folder it gives me an error " cannot import module" and points to this line in the serverUtils.js --- " const { metadata } = await import(`@/app/blogs/${postDir}/page.mdx`); " please help.

    • @ariflogs
      @ariflogs Месяц назад

      have you exported the metadata object in your mdx file?

  • @bozzhik
    @bozzhik Месяц назад

    make a video about your extensions in vs code

    • @ariflogs
      @ariflogs Месяц назад

      that sounds like a good idea.. sure, will do

  • @dev_insights783
    @dev_insights783 Месяц назад

    It would be better If you add scroll-animation: smooth; cause when I click on the links in the header menu I will go to that section with smoothing scrolling animation

    • @ariflogs
      @ariflogs Месяц назад

      that's a good idea. Thanks for sharing. will definitely add this on next version.

  • @Productiveho
    @Productiveho Месяц назад

    can u make a quick video on how to set it up . Live demo only stays for 10min and setting it up look so overwhelming.

    • @ariflogs
      @ariflogs Месяц назад

      like setting it up on a VPS/Server on your local machine?

    • @Productiveho
      @Productiveho Месяц назад

      @@ariflogs i never used docker , can it be hosted with nodejs ? And do i need to deploy that server . It woukd ve helpful if u share how you did it, for more clarity

    • @ariflogs
      @ariflogs Месяц назад

      I used Docker and Caddy to host, but I think you can use fly.io if you don't have experience with Docker. Ref: community.fly.io/t/hosting-uptime-kuma-on-fly-io/14352 if you still have issues, please feel free to join our Discord community and DM me.

    • @Productiveho
      @Productiveho Месяц назад

      @@ariflogs checking it out . I'll dm you if i face problem , thanks for the guideline

  • @codenerd7823
    @codenerd7823 Месяц назад

    0:46 framer motion not former nation

    • @ariflogs
      @ariflogs Месяц назад

      haha yeap.. that's my bad 😶

    • @wasif4068
      @wasif4068 26 дней назад

      okay mr perfect

  • @debabratasaha1571
    @debabratasaha1571 Месяц назад

    Thanks. This is UI library is beautiful.

  • @theintjengineer
    @theintjengineer Месяц назад

    If you added the blogging feature 😮😮😮💥🔥 Thanks 😊.

    • @ariflogs
      @ariflogs Месяц назад

      you're welcome 🙏

  • @valo8277
    @valo8277 Месяц назад

    whats Shandcn/ui?

    • @shahenwazmuzahid493
      @shahenwazmuzahid493 Месяц назад

      Hi man, Shandcn/UI is a fully customizable user interface components library to use with various programming languages. Search on Google with the same name, you will find out more.

    • @ariflogs
      @ariflogs Месяц назад

      sorry, my bad 😅. it's shadcn/ui*, an UI components library.

  • @hichamamroussi9087
    @hichamamroussi9087 2 месяца назад

    Are those images hosted on the Vercel server ? no need for Cloudinary or any service like that as long as one don't exceed the limits ?

    • @ariflogs
      @ariflogs Месяц назад

      Yeap, Vercel handles all the caching and CDN

  • @testaccount9420
    @testaccount9420 2 месяца назад

    Some of the parts of your video you are correct that it's sometimes you maybe fight for a platform. But eventually you will learn not to fight but choose better library packages of yourself. Ok it's your opinion but react native geeks doing great 😼

    • @ariflogs
      @ariflogs 2 месяца назад

      Fair.. but that was one of my points, You have to be an RN geek to use it! I can see how it can be worth it if it was my job, but my goal is to build my app with a good developer experience.

    • @testaccount9420
      @testaccount9420 2 месяца назад

      @@ariflogs No worries maybe in future you love to code using expo.

  • @afridiwhatever6220
    @afridiwhatever6220 2 месяца назад

    Good one bhaia

    • @ariflogs
      @ariflogs 2 месяца назад

      Thanks bro 🙏

  • @markjaylunas
    @markjaylunas 3 месяца назад

    Life saver 🙏

  • @AntoniLopezDev
    @AntoniLopezDev 3 месяца назад

    Good video man, and nice explanation.

    • @ariflogs
      @ariflogs 3 месяца назад

      Glad you liked it!

  • @deepak_joshi_the_conqurer_
    @deepak_joshi_the_conqurer_ 3 месяца назад

    Hey thanks for sharing man

  • @Harshit.git911
    @Harshit.git911 3 месяца назад

    hmm

  • @salehinafnan
    @salehinafnan 3 месяца назад

    Great content brother. Always good to get help from a fellow Bangladeshi dev

    • @ariflogs
      @ariflogs 3 месяца назад

      Thanks bro 🙏

  • @lasindunuwanga5292
    @lasindunuwanga5292 3 месяца назад

    Your title is like "How to send Emails using TailwindCSS"

    • @ariflogs
      @ariflogs 3 месяца назад

      umm.. not sure what you mean? 🤔

  • @AzharBro05
    @AzharBro05 3 месяца назад

    Good luck Bhaiya! All the best on your journey

    • @ariflogs
      @ariflogs 3 месяца назад

      Thanks a ton 🙏

  • @rorozoro513
    @rorozoro513 3 месяца назад

    Heyy! i am new to clerk, can you help me something, how can i make my default page as the authentication page

    • @ariflogs
      @ariflogs 3 месяца назад

      You can import the Signup component and use it on your default page. details: clerk.com/docs/components/authentication/sign-up

    • @rorozoro513
      @rorozoro513 3 месяца назад

      @@ariflogs wow that was pretty helpful, thank you so much❤

    • @ariflogs
      @ariflogs 3 месяца назад

      Glad I could help 😁

  • @LOOTCODE7
    @LOOTCODE7 4 месяца назад

    Hey ..how to get in contact with you? I am student and looking for some mentorship

    • @ariflogs
      @ariflogs 4 месяца назад

      You can join our discord community 👉 discord.gg/TdshtGTaCj

  • @misalambasta
    @misalambasta 4 месяца назад

    You didn't explain why Flutter?

    • @ariflogs
      @ariflogs 4 месяца назад

      you mean between React Native and Flutter, why I choose Flutter?

    • @misalambasta
      @misalambasta 4 месяца назад

      @@ariflogs Yes, why you choose flutter over react native?

    • @ariflogs
      @ariflogs 4 месяца назад

      I see.. well, I personally have a better developer experience with Flutter. Every time I seriously tried RN before, I faced issues of package compatibility (some package not working well with other package versions).. which I faced a lot less in Flutter. Besides, Flutter recently launched their game dev kit that I wanted to try.

  • @oguzkaandemir
    @oguzkaandemir 4 месяца назад

    Hi, it's great to see you go live. I liked the idea but there are some issues in Firefox about buttons such as date picker in creating a goal or so, hope you will fix them wouldn't take so much time :)

    • @ariflogs
      @ariflogs 4 месяца назад

      Thanks for letting me know. will def work on it asap. 😁

    • @ariflogs
      @ariflogs 3 месяца назад

      Hey Oguz 👋, I recently ran the project on Firefox and fixed all browser related issues I could find. Hope you have a better experience now. and if there is something that I missed out, please let me know 🙏

    • @oguzkaandemir
      @oguzkaandemir 3 месяца назад

      @@ariflogs thanks a lot. What was the issue with buttons, I am curious?

    • @ariflogs
      @ariflogs 3 месяца назад

      for some reason, the calendar component I'm using breaks for using initialFocus props in Firefox for Next14. details: github.com/shadcn-ui/ui/pull/1777

    • @ariflogs
      @ariflogs 3 месяца назад

      @oguzkaandemir btw how's your experience with the product so far? Find it helpful?

  • @deepak_joshi_the_conqurer_
    @deepak_joshi_the_conqurer_ 4 месяца назад

    Hey , congratulations man!! I have some questions 1) I want to understand the marketing part of it as well how you are going to serve this to the targeted audience 2) how you are going to scale this up in case if it becomes very viral?

    • @ariflogs
      @ariflogs 4 месяца назад

      1) I'll be focusing on content marketing for now. In the upcoming few weeks, I'll post blogs and video content for my target audience. will also try to start doing some cold emails to creators and indie hackers. 2) I'll make a detailed video about this in the near future. 😁

    • @deepak_joshi_the_conqurer_
      @deepak_joshi_the_conqurer_ 4 месяца назад

      @@ariflogs hi I am more interested for a video of the 1st answer as their are hundreds of videos on system design and scalability but very less genuine and practical content for the 1st answer. So if possible please make a video for the 1st one as well. Thank you

    • @ariflogs
      @ariflogs 4 месяца назад

      yeah, makes sense. thanks for sharing your feedback. will definitely make a video on that.