![Arif Logs](/img/default-banner.jpg)
- Видео 68
- Просмотров 21 708
Arif Logs
Добавлен 12 апр 2020
Building and Teaching stuff.
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
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
Keep it up
nice project!
Thank you!
· 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
Thanks for sharing - Subscriber 456.
you're welcome. Thanks for the sub! ❤️
Nivo looks awesome! Thanks. I use almost all this tools too. I also use zsa for typesafe server actions in nextjs.
interesting, guess I have to check it out 😃
@@ariflogs It is like tRpc but for server actions. Can be used in combination with tanstack react query
Sounds cool. thanks for sharing 🙏
we r using tanstack query with vue
Pretty good list! Have you tried trpc or drizzleorm?
Trpc, yes, but haven't tried Drizzle yet!
keep doing videos you are awsome
Thank you, I will! ❤️
thanks bro
you're welcome 😁
nice 🙂
Thank you for sharing this, man.
you're welcome 🙏
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🙏🙏
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
Hey I've a doubt, can we use Magic UI with ReactJs ?
yes, you can
@@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
can we do in js insted of type script
Typescript is suggested. you probably have to remove the type checkings to implement in JavaScript.
@@ariflogs can you please make a video for the same
Didn't know about caddy. Nice stuff.
Sir How can I connect with you ? Need help in career guidance !! Anything will work for me : Linkedin , Google Workspace , Slack , Whatsapp any thing
You can connect me on LinkedIn, profile link is in the description.
Easily the most attractive developer on RUclips 🙌🏼😍
haha, not sure about that.. but definitely with the most attractive wife 😌
The solution is *worse* (both in runtime and functional behavior) than the strict type equality check
interesting, can you elaborate how it's worse?
@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
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.
@ariflogs Sorry but no one reads the title of RUclips shorts I only reacted to the content of the video
okay, thanks for sharing.
Can I join with you ?
hmm? What you mean? 🤔
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 🙏
Good stuff!! Thank you☺️
I heard Bookuu in this one 😆
hehe, yess
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
Fair. but if we are looking for the best way to remove all falsy values, 0 being removed should also be fine, right? 🤷
@@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.
yes, that makes sense. thanks for bringing it out. 🙏 I added a pinned comment in the video regarding this.
Won't it also remove 0?
yes, it would
Damn, great post. Had no idea about this.
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.
have you exported the metadata object in your mdx file?
make a video about your extensions in vs code
that sounds like a good idea.. sure, will do
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
that's a good idea. Thanks for sharing. will definitely add this on next version.
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.
like setting it up on a VPS/Server on your local machine?
@@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
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.
@@ariflogs checking it out . I'll dm you if i face problem , thanks for the guideline
0:46 framer motion not former nation
haha yeap.. that's my bad 😶
okay mr perfect
Thanks. This is UI library is beautiful.
If you added the blogging feature 😮😮😮💥🔥 Thanks 😊.
you're welcome 🙏
whats Shandcn/ui?
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.
sorry, my bad 😅. it's shadcn/ui*, an UI components library.
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 ?
Yeap, Vercel handles all the caching and CDN
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 😼
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.
@@ariflogs No worries maybe in future you love to code using expo.
Good one bhaia
Thanks bro 🙏
Life saver 🙏
🫡
Good video man, and nice explanation.
Glad you liked it!
Hey thanks for sharing man
You bet
hmm
Great content brother. Always good to get help from a fellow Bangladeshi dev
Thanks bro 🙏
Your title is like "How to send Emails using TailwindCSS"
umm.. not sure what you mean? 🤔
Good luck Bhaiya! All the best on your journey
Thanks a ton 🙏
Heyy! i am new to clerk, can you help me something, how can i make my default page as the authentication page
You can import the Signup component and use it on your default page. details: clerk.com/docs/components/authentication/sign-up
@@ariflogs wow that was pretty helpful, thank you so much❤
Glad I could help 😁
Hey ..how to get in contact with you? I am student and looking for some mentorship
You can join our discord community 👉 discord.gg/TdshtGTaCj
You didn't explain why Flutter?
you mean between React Native and Flutter, why I choose Flutter?
@@ariflogs Yes, why you choose flutter over react native?
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.
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 :)
Thanks for letting me know. will def work on it asap. 😁
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 🙏
@@ariflogs thanks a lot. What was the issue with buttons, I am curious?
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
@oguzkaandemir btw how's your experience with the product so far? Find it helpful?
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?
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. 😁
@@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
yeah, makes sense. thanks for sharing your feedback. will definitely make a video on that.