My Favorite Open-Source Next.js Project for 2024

Поделиться
HTML-код
  • Опубликовано: 20 ноя 2024

Комментарии • 94

  • @dreamsachiever212
    @dreamsachiever212 12 дней назад +92

    wait to see the VERCEL bill ...

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

      based on what the bills will be hight ?

    • @criticalcritics6531
      @criticalcritics6531 12 дней назад +8

      Theo (t3) already showed the bills barely scraped triple digits on his projects

    • @noor_codes
      @noor_codes 11 дней назад +5

      Self host with coolify, Who said you must host on Vercel?

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

      @@noor_codes with Coolify and self hosting you will no have such infrastucture as on Vercel with CDN

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

      @@hacenhacen5814 Based on the amount of times api is called on the server, I believe.

  • @jordymaryns4945
    @jordymaryns4945 12 дней назад +36

    We burn the infra. But you don't have to wait 1-2seconds for the image.

    • @0.amonymous
      @0.amonymous 11 дней назад +3

      Load images and pages that the user hasn't ever requested. Load 10x what is needed for any user that visits. Cache static site. The site also cant be dynamic...? Perfect 😍🔥🔥 This is GENIUS THANKS VERCEL TAKE MY MONEY 😍😍😍😍😍

    • @pippop9583
      @pippop9583 9 дней назад

      I don't think images have to load since the beginning .what is the importance of this behavior ? User can wait and this is normal

  • @iLiran
    @iLiran 12 дней назад +17

    Yeah, I don't know about that, it prefetches everything it can. It looks cool, but I am not sure if really needed.

  • @awaisraza2285
    @awaisraza2285 12 дней назад +17

    The website will have 10 users and cost of infrastructure will be 1 million

  • @tamirfri1
    @tamirfri1 12 дней назад +21

    I don't understand.. if users can't put dynamic data, and the cache is being updated only once every 2 hours, then just build a static website with html only (no js) instead.. and rebuild it every 2 hours

    • @RaZziaN1
      @RaZziaN1 12 дней назад +1

      That's what being done here, just under the hood.

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

      In next you can do ISR, so the pages can be rebuilt on demand.
      You can use that to have dynamic data!

  • @siya.abc123
    @siya.abc123 12 дней назад +12

    The problem is that this is already tech debt but looks good on paper

  • @snatvb
    @snatvb 12 дней назад +22

    I hate prefetching, because it works only for desktop and gives illusion of fast work. But touch screens suffer poor performance and usually they have poorer internet connection
    And uploading content that the user may never see also sounds like bullshit

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

      Actually, lots of people in the west now have fast mobile connections than desktops can provide wirelessly.

    • @snatvb
      @snatvb 11 дней назад +2

      @@null_spacex u about US? just I am in west eu and here I have 1Gbit internet and 4G/5G on mobile. Ofc in city it's not big difference, but when I road to some place connection is poorer

    • @zosted3538
      @zosted3538 11 дней назад +1

      @@snatvb yeah, that's because you already have an insanely fast internet at home, so obviously you'll never get the same on 4G/5G, i'm also in west eu (France), and all i have is 24mbps, even my lowest 4G is faster, and at some place i have 300mbps in 5G

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

      @@zosted3538 horrible :( but anyway, prefetching is not working for touch screens and usually u have limit traffic, I have 15gb per month for instance (if would exists prefetching)

    • @foxooo
      @foxooo 6 дней назад

      That was my main question- how does the pre fetching work with mobile?

  • @xingxingforyou
    @xingxingforyou 11 дней назад +2

    Vercel's Bill: 'Beautiful ! I like it.'

  • @jhkmatthews
    @jhkmatthews 12 дней назад +4

    That image prefetching is wild 😄

  • @tareqnoorzai1209
    @tareqnoorzai1209 12 дней назад +4

    The website look like i navigating in file explorer

  • @TianYuanEX
    @TianYuanEX 12 дней назад +8

    This is peak! ..... if you are building a site only 10 people will use.
    Otherwise expect your bills to be in the thousands of $$$

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

      based on what the bills will be hight ?

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

      ​@@hacenhacen5814many unwanted requests

    • @AshesWake-sf7uw
      @AshesWake-sf7uw 12 дней назад

      @@hacenhacen5814 too many requests? 😂

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

      @@hacenhacen5814 On serverless function invocation for every image optimization...

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

      ​@@hacenhacen5814Those 10,000 network requests for the 5 minute stay that every user makes
      Now multiply it by a million user fetching assets from an endpoint

  • @ToumaRenshi
    @ToumaRenshi 4 дня назад

    this website is much faster than my normal computer.

  • @markus_dev_cwb
    @markus_dev_cwb 12 дней назад +1

    Great content Josh, tks to share

  • @NilotpaulNandi
    @NilotpaulNandi 12 дней назад +39

    Feels like all bad practices in a single site.

    • @TimMcMasters
      @TimMcMasters 12 дней назад +1

      Why is everything a bad practice?

    • @AshesWake-sf7uw
      @AshesWake-sf7uw 12 дней назад +1

      @@TimMcMasters It's kindof ig, because this prefetching is really not practical enough

    • @ChichaGad
      @ChichaGad 11 дней назад +3

      The first bad if not worst practice is using Next JS let alone the fact that this is React lmao

    • @0.amonymous
      @0.amonymous 11 дней назад

      This 2h cache stuff and static caching is weird as shit

    • @0.amonymous
      @0.amonymous 10 дней назад +1

      @@TimMcMasters because once you get 1000 users if you have a bad practice your site will stop loading and fucking die. Lol

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

    You're a machine brother! 💪

  • @AhmedLukman-e6z
    @AhmedLukman-e6z 9 дней назад

    Next js should have its own prefetching feature.

  • @richsoftwareguy
    @richsoftwareguy 11 дней назад +4

    So youtubes just copy each other content when they put stuff put?
    Lame af

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx 11 дней назад +1

    Looks like the creators created this on the ocassion of hallowene😂😂

  • @Realharshagarwal
    @Realharshagarwal 12 дней назад +1

    Brother Just please make a minimal animation black and white portfolio with latest technologies and backend functionalities such as mailjs and all btw love you vids and ❤from India.

  • @lakshmanshankar
    @lakshmanshankar 12 дней назад +1

    Prefetch every thing on hover is wild , hey serve images from cdn is that cheaper i thought it was expensive.

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

    Thanks! Very informative. Can you please advise how to import data.sql for NextFaster project ?

  • @abdelhameedhamdy
    @abdelhameedhamdy 9 дней назад

    Prefteching is supported from day one in remix

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

    Sir will you make a video on Gsoc like how to pick up good project/organization and solve issues, how to contribute and how to write a good proposal

  • @EIsenah
    @EIsenah 3 дня назад

    Do you care to publish the source code of your own implementation? Seems pretty interesting

  • @AbhishekYadav-ch2mn
    @AbhishekYadav-ch2mn 10 дней назад

    When will you start working on a MERN microservice or microfrontend architecture? All your previous projects have been monolithic. Please consider creating an e-commerce application using a microfrontend and microservice architecture.

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

    My internet still made it load 🔥🔥

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

    McMaster-Carr is an engineering parts site, just FYI. 😊

    • @miro-hristov
      @miro-hristov 11 дней назад +1

      Yep, I was going to comment the same -- T.J. McMaster + Walter S. Carr

  • @LA-fb9bf
    @LA-fb9bf 12 дней назад +2

    This does not scale well! Imagine how many calls to the Infrastructure were done!

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

    Hovering and prefetching would just backfire for mobile or any other touch based system users

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

    you cannot have an interesting use case, using a relational ( relationships between tables ) database without joins. if you do it your self with raw sql or use some orm hidden mechanic, they are there.

  • @AbouAnia
    @AbouAnia 12 дней назад +3

    10k$ ingress for favicon only

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

      means?

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

      @@smxth08 vercel is a beast in terms of charging ingress

  • @foxooo
    @foxooo 6 дней назад

    How would the pre fetching work for mobile?

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

    Nextjs ctrl+C Remix 🤝

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

      exactly what I was thinking

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

    Would you be willing to share you Link prefetch implementation please ?

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

    What the diiferances between isg and this prefetching
    ?

  • @kazmi401
    @kazmi401 12 дней назад +1

    The Stupid Open-Source Next.js Project for 2025.

  • @HoangDuyKhanh388
    @HoangDuyKhanh388 7 дней назад

    Current performace is 73%, what happened?

  • @alexon2010
    @alexon2010 8 дней назад +1

    This all seems like a bunch of gibberish and then you are completely held hostage by Next, it could teach you the normal standards like hashing files and using service works, it's a bunch of names that you have no idea what to do, when you have a problem with the application, sit down and cry... McMaster's system is extremely fast and I believe it only uses web standards, look at when the site was made and even today it competes head-to-head with these so-called "modern" technologies.

  • @vinniv6806
    @vinniv6806 12 дней назад +2

    so fast, and so unstable that no1 will use it @enterprise level

    • @Lucas-gt8en
      @Lucas-gt8en 12 дней назад

      What makes you say this is unstable?

    • @designed6102
      @designed6102 12 дней назад +1

      because it is literally unstable

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

      @@Lucas-gt8en Bruh vercel charges hundreds of thousands of dollars for dozens of millions of requests. Now imagine this app had tens of thousands of users - your bills would be in the millions lmao

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

      I don't see how it's unstable

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

      @@Ouyiggh8807 unstable means in some cases it could have unexpected behavior which causes bugs

  • @AshesWake-sf7uw
    @AshesWake-sf7uw 12 дней назад

    Should have rewritten in Rust for maximum parallelism and faster favicon prefetching
    I am joking, nice website just not practical enough

  • @Kayzewolf
    @Kayzewolf 9 дней назад

    It prefetches hundreds of CDN requests per user on load, making navigation feel instant cause the (static) content is already in the client. Extremely spammy network calls for such an unnecessary small UX benefit.
    Such a weird project without a real world need.

  • @СергейКр-щ4с
    @СергейКр-щ4с 11 дней назад

    What about mobile 🤔

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

    Man where is ur github

  • @pippop9583
    @pippop9583 9 дней назад

    Look nicer , but not good for eating

  • @kobbie5819
    @kobbie5819 10 дней назад

    Hey Josh .I'm building a revolutionary Fintech platform that I think you would be interested in .I would like to send you a business proposal.How do I reach you?

  • @criminal4773
    @criminal4773 12 дней назад +1

    First