Mohammad Faisal
Mohammad Faisal
  • 50
  • 152 071
How to optimize script loading in NextJS
In this video, we talk about the different approaches to load scripts on the NextJS website.
Scripts are often important tools to track the performance of your business but they have a negative impact on the speed of the website. So this video helps us to see how to load scripts in an efficient manner.
Blog
www.mdfaisal.com/blog
Script optimization docs
nextjs.org/docs/pages/building-your-application/optimizing/scripts
nextjs.org/docs/pages/building-your-application/optimizing/third-party-libraries#tracking-pageviews
Переглядів: 8

Відео

How to find performance issues in website
Переглядів 132 години тому
In this video we talk about the tools to find issues in a website. We talk about pagespeed insights tool that can be used to analyze different aspects of the website including performance. Blog: www.mdfaisal.com/blog
How to add Search in Strapi and ReactJS and NextJS using Meilisearch
Переглядів 1492 місяці тому
In this video, we see how to integrate search functionality in Strapi CMS using Meilisearch. This is a popular tool for integrating with Strapi CMS and is very helpful for users. Website: www.mdfaisal.com/blog Links: How to deploy meilisearch to digital ocean: www.meilisearch.com/docs/learn/cookbooks/digitalocean#part-1-deploy-meilisearch-on-a-droplet Strapi plugin for meilisearch: market.strap...
Single responsibility Principle in ReactJS
Переглядів 1586 місяців тому
In this video, we talk about maintaining a single responsibility principle in a ReactJS project. We take a real-life example and analyze why this is bad and how we can improve it. Visit my blog www.mohammadfaisal.dev/blog
Install Google Analytics in NextJS (App router)
Переглядів 7 тис.6 місяців тому
Today, we will install Google Analytics in the NextJS App router project. To do that, we are going to create a new property on Google Analytics and then integrate it with the NextJS app router project in the layout file. This is a quick demonstration of the easiest installation process for a NextJS website. My website: www.mohammadfaisal.dev/blog/add-google-analytics-to-nextjs
URL state management in NextJS
Переглядів 1,3 тис.6 місяців тому
In this video I talk about how to do state management in URL for NextJS applications. This is an easy way of doing state management and help reduce the number of re-renders in your application. Visit my blog www.mohammadfaisal.dev/blog
Architecture of a full-stack AI project
Переглядів 1696 місяців тому
In this video, I discuss the different parts of a full-stack application that uses artificial intelligence to create custom chatbots. Visit my blog www.mohammadfaisal.dev/blog
How to design your personal projects as a deveoper.
Переглядів 3626 місяців тому
Today I am showing you how you can design your personal projects as a developer. I am using a tool called Excalidraw, which is really nice and enables me to create fast mockups.
How to integrate Redux toolkit + Redux persist with NextJS app router
Переглядів 4 тис.6 місяців тому
In this video, we see how we can create a next app router application with redux and redux persist. Here we are creating a simple application that demonstrates how we can add redux with a nextjs application. GitHub repo github.com/Mohammad-Faisal/nextjs-app-router-redux-toolkit-persist-integration My blog: www.mohammadfaisal.dev/blog
Multiple language support in Reactjs and Nextjs
Переглядів 1356 місяців тому
In this video, I discuss how to implement multiple language support in the ReactJS and NextJS websites. To achieve this, we can take advantage of multiple libraries. - Lokalise - i18next etc.
How to plan fullstack projects
Переглядів 1,2 тис.6 місяців тому
In this video, I try to explain my thought process to plan a project. On a high level - First, create the requirements and write those down. - Identify the critical user flow. - Create the database tables. - Create the API's - Move on to the front-end.
Sending email in NextJS using Emailjs
Переглядів 3,4 тис.6 місяців тому
In this video, we will see how we can send emails in NextJS easily using a service named EmailJS. This service helps us to just capture the contents of the email and call a function to get the emails we desire. The main benefit of this is - It's easy to use - Has generous free limit.
How to fix poerformance problems of nextjs websites
Переглядів 1207 місяців тому
In this video, we see how to solve the performance and SEO problems of a NextJS website. The first step is to understand what problems are there in a website and then solve them one by one.
Remote jobs through we-work-remotely
Переглядів 1618 місяців тому
Today, we discuss how to get remote software engineering jobs through we work remotely. Website: weworkremotely.com/ My Blog: www.mohammadfaisal.dev/projects
Salary range as remote software engineer
Переглядів 2468 місяців тому
In this video, we talk about the different salary ranges for a software engineer. We divide it by region and discuss how much you can expect. I know this can be very subjective and depends on many factors, so I tried to take a generic approach here. www.mohammadfaisal.dev/blog
Remote Jobs on Linkedin
Переглядів 718 місяців тому
Remote Jobs on Linkedin
A Good PR
Переглядів 468 місяців тому
A Good PR
Automatic UI+Code generation from Prompts for React
Переглядів 1108 місяців тому
Automatic UI Code generation from Prompts for React
Awesome Terminal Applications
Переглядів 478 місяців тому
Awesome Terminal Applications
Strapi vs Sanity CMS
Переглядів 1,8 тис.8 місяців тому
Strapi vs Sanity CMS
How to Find Unnecesary Packages in NextJS
Переглядів 369Рік тому
How to Find Unnecesary Packages in NextJS
Remove Unused Javascript Code in NextJS
Переглядів 7 тис.Рік тому
Remove Unused Javascript Code in NextJS
Create Documentation Websites Easily with Docusaurus
Переглядів 923Рік тому
Create Documentation Websites Easily with Docusaurus
How to use ThreeJS with ReactJS
Переглядів 101Рік тому
How to use ThreeJS with ReactJS
Implement Websockets in NestJS
Переглядів 843Рік тому
Implement Websockets in NestJS
Multiple environment setup in AWS CDK
Переглядів 2,6 тис.Рік тому
Multiple environment setup in AWS CDK
How to get a Remote Job through Toptal
Переглядів 5 тис.Рік тому
How to get a Remote Job through Toptal
AWS CDK Project Structure
Переглядів 1 тис.Рік тому
AWS CDK Project Structure
How to answer questions on Stackoverflow
Переглядів 3,1 тис.Рік тому
How to answer questions on Stackoverflow
How to create a Beautiful Github Profile
Переглядів 260Рік тому
How to create a Beautiful Github Profile

КОМЕНТАРІ

  • @okkashaally2115
    @okkashaally2115 4 дні тому

    your sound volume is very low

  • @lastspoil5547
    @lastspoil5547 6 днів тому

  • @anuragprakash7256
    @anuragprakash7256 10 днів тому

    How can I use vs code JS debugger here ?

  • @andersonlontsi299
    @andersonlontsi299 12 днів тому

    It Works! Thank you, sir. Too bad this channel is so underrated. Thank you 🙏

  • @soumendash3911
    @soumendash3911 17 днів тому

    thanks for such explanation.

  • @bhargavkumar
    @bhargavkumar 18 днів тому

    getting some hydration errors

  • @KeshariPiyush24
    @KeshariPiyush24 Місяць тому

    Why did you pass the userRepo to the userService instance at 8:35, this would be manual dependency injection right what is the use of TypeDi then?

  • @ShubhamShukla-jt4ht
    @ShubhamShukla-jt4ht Місяць тому

    aakhir kehna kya chahte ho 🤣

  • @stephendinh-d4e
    @stephendinh-d4e Місяць тому

    I have read your blog, and the knowledge you shared is amazing!

  • @Sneguro4ka
    @Sneguro4ka Місяць тому

    Wow man, why it was so hard for everybody else to make it so simply as u did... Thanks! Gluck!

  • @DivyanshGemini
    @DivyanshGemini Місяць тому

    *Module not found: Can't resolve 'emailjs-com'*

  • @Rejuyan-Ahmed
    @Rejuyan-Ahmed Місяць тому

    good content.

  • @Proniman
    @Proniman Місяць тому

    Thanks for a great tutorial!

  • @lebaf8661
    @lebaf8661 2 місяці тому

    Hello, a question, it will be enough for me to insert Google Analytics only in the layout, I was checking Google Analytics, and although it counts the visits, it is not counting which pages I am moving to within the app,I am working with nextjs 14, greetings.

    • @Sneguro4ka
      @Sneguro4ka Місяць тому

      cuz he configured for the whole project, for each page, you would like to configure separately. too bad he didnt mention it.

  • @harshgandhi4328
    @harshgandhi4328 2 місяці тому

    Thank you for the explanation! For blogging needs, I would recommend you try Headless Hashnode which is tailored for this purpose. Hashnode's WYSIWYG editor and and the inbuilt AI capabilities in its editor are truly amazing for writing purposes.

  • @carandbikes1203
    @carandbikes1203 2 місяці тому

    hey buddy i saw some developer write query where they define schema is that correct method ??

  • @MrSubstandard
    @MrSubstandard 2 місяці тому

    Thank you very much.

  • @ryangst_
    @ryangst_ 2 місяці тому

    Thanks Mr Faisal - Did you had a parrot in your background? Very nice!!

  • @anowarulhassan5117
    @anowarulhassan5117 2 місяці тому

    You have to learn more. The way you worked is not good.

  • @MohammadAApu
    @MohammadAApu 2 місяці тому

    package.json missing when ran with latest version of docker, what is needed to fix this?

  • @hechosrandom
    @hechosrandom 2 місяці тому

    my good! thanks!

  • @aoussabah
    @aoussabah 3 місяці тому

    thank you!

  • @Koro-qr7qe
    @Koro-qr7qe 3 місяці тому

    it worked for me, thank you sir!

  • @ccgtutorials808
    @ccgtutorials808 3 місяці тому

    This was helpful, thanks for the overview! And for future readers, be sure to check these platforms for current pricing. For instance, at the time of this comment, Strapi now offers a $29/month cloud tier

  • @LearnAlongFaizan
    @LearnAlongFaizan 3 місяці тому

    great video, How can I connect with you?

    • @56faisal
      @56faisal 3 місяці тому

      mohammadfaisal1011@gmail.com

  • @smasaduzzaman9808
    @smasaduzzaman9808 3 місяці тому

    want more videos about toptal brother. Take love from Bangladesh ❤🎉

  • @rahulkumarmaity7497
    @rahulkumarmaity7497 4 місяці тому

    thanks man

  • @CoolMoi-xe2fo
    @CoolMoi-xe2fo 4 місяці тому

    After successfully uploading the file and processing it through the Google Drive API,despite receiving a 200 status code for the POST request, the backend returns unexpected HTML content instead of the expected JSON response.This unexpected behavior occurs only in the production environment, as everything works as expected locally. I don't understand why!! Any help please? Thank you for this amazing video.

    • @56faisal
      @56faisal 4 місяці тому

      If you are using docker - check the file permission. Else can you provide any logs?

  • @dariocoronel4040
    @dariocoronel4040 4 місяці тому

    Thank you bro, you save my day, thanks for the repo

  • @bryandelacruz9066
    @bryandelacruz9066 4 місяці тому

    do you connect this with your bank account or paypal?

  • @BilalKhan-do1xg
    @BilalKhan-do1xg 4 місяці тому

    Thank you bro :)

  • @leonhossain8324
    @leonhossain8324 5 місяців тому

    Can you please make a video on how to get remote jobs as a entry developer?

  • @uminhtetoo
    @uminhtetoo 5 місяців тому

    Thank you so much for sharing your experience and knowledge, Sir.

  • @uminhtetoo
    @uminhtetoo 5 місяців тому

    Thank you so much for sharing your experience and knowledge, Sir.

  • @uminhtetoo
    @uminhtetoo 5 місяців тому

    Thank you so much for sharing your experience and knowledge, Sir.

  • @pavanbhat5573
    @pavanbhat5573 5 місяців тому

    Nice video..im also tracking my portfolio this way :D

  • @antoshke
    @antoshke 5 місяців тому

    That helped, thanks man!

  • @whiteRaven9475
    @whiteRaven9475 5 місяців тому

    I'm getting " Cannot add property _persist, object is not extensible" Typescript expects _persist.

  • @darmikela
    @darmikela 5 місяців тому

    all of you are killing me with this ts shit. It's ruining JS.

  • @perminusgaita
    @perminusgaita 5 місяців тому

    🔥

  • @INVADE.00
    @INVADE.00 5 місяців тому

    jahil import kidr kiya h?

  • @ervinsparks1606
    @ervinsparks1606 5 місяців тому

    'promosm' 😔

  • @user-dn7hl2jj8g
    @user-dn7hl2jj8g 5 місяців тому

    Great video!

  • @salim-s
    @salim-s 6 місяців тому

    it work for me locally but not work in remote

  • @pablovillarroel6582
    @pablovillarroel6582 6 місяців тому

    Great video man, thank you so much!

  • @norbzzz
    @norbzzz 6 місяців тому

    Hi man. Thanks for the video. One issue I have is that if I don't have node module installed locally, it wont work. That's because of the volume overwriting the modules being installed by docker. If I remove the volumes instruction from the docker-compose file, command is working, but not hot reload. Any way to fix this, as having node mules installed locally isn't exactly the point of docker ? Hope I'm clear, pretty new to docker :)

  • @yudhonowitanto6416
    @yudhonowitanto6416 6 місяців тому

    You are helping me alot with this video. Thank you !!!!!!

  • @developerpranav
    @developerpranav 6 місяців тому

    Great concept, are you using router.pushState() or just redirecting to ?temperature=

  • @rajneeshmishra6969
    @rajneeshmishra6969 6 місяців тому

    Hey, I am using the repo you gave and when i click on log in and refresh the page there are hydration errors! How do I fix that?

  • @jijojosein
    @jijojosein 6 місяців тому

    I've watched numerous tutorials and have yet to learn this. Thank you. Thanks to algorithm gods for recommending this video.