My Favorite Open-Source Next.js Project for 2024

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 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 12 วันที่ผ่านมา +5

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

    • @snatvb
      @snatvb 12 วันที่ผ่านมา

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

    • @minthantoo3509
      @minthantoo3509 12 วันที่ผ่านมา

      @@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 10 วันที่ผ่านมา

      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

  • @awaisraza2285
    @awaisraza2285 12 วันที่ผ่านมา +17

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

  • @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.

  • @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 12 วันที่ผ่านมา

      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 12 วันที่ผ่านมา

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

    • @snatvb
      @snatvb 12 วันที่ผ่านมา +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 12 วันที่ผ่านมา +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 12 วันที่ผ่านมา

      @@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 7 วันที่ผ่านมา

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

  • @jhkmatthews
    @jhkmatthews 12 วันที่ผ่านมา +4

    That image prefetching is wild 😄

  • @xingxingforyou
    @xingxingforyou 11 วันที่ผ่านมา +2

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

  • @ToumaRenshi
    @ToumaRenshi 4 วันที่ผ่านมา

    this website is much faster than my normal computer.

  • @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 12 วันที่ผ่านมา

      ​@@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

  • @EIsenah
    @EIsenah 3 วันที่ผ่านมา

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

  • @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 12 วันที่ผ่านมา +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 11 วันที่ผ่านมา +1

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

  • @AhmedLukman-e6z
    @AhmedLukman-e6z 10 วันที่ผ่านมา

    Next js should have its own prefetching feature.

  • @tareqnoorzai1209
    @tareqnoorzai1209 12 วันที่ผ่านมา +4

    The website look like i navigating in file explorer

  • @lakshmanshankar
    @lakshmanshankar 12 วันที่ผ่านมา +1

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

  • @codecommerce
    @codecommerce 12 วันที่ผ่านมา

    You're a machine brother! 💪

  • @markus_dev_cwb
    @markus_dev_cwb 12 วันที่ผ่านมา +1

    Great content Josh, tks to share

  • @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

  • @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.

  • @abdelhameedhamdy
    @abdelhameedhamdy 10 วันที่ผ่านมา

    Prefteching is supported from day one in remix

  • @tigranharutyunyan7674
    @tigranharutyunyan7674 12 วันที่ผ่านมา

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

  • @richsoftwareguy
    @richsoftwareguy 12 วันที่ผ่านมา +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😂😂

  • @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 12 วันที่ผ่านมา +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!

  • @fujiwara1977
    @fujiwara1977 12 วันที่ผ่านมา

    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.

  • @foxooo
    @foxooo 7 วันที่ผ่านมา

    How would the pre fetching work for mobile?

  • @omjannu9726
    @omjannu9726 12 วันที่ผ่านมา

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

  • @waeltarabishi6890
    @waeltarabishi6890 11 วันที่ผ่านมา

    What the diiferances between isg and this prefetching
    ?

  • @alexon2010
    @alexon2010 9 วันที่ผ่านมา +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.

  • @MaxeySinclair
    @MaxeySinclair 12 วันที่ผ่านมา

    Nextjs ctrl+C Remix 🤝

    • @dasnipa520
      @dasnipa520 12 วันที่ผ่านมา

      exactly what I was thinking

  • @ikbalazimaritoure337
    @ikbalazimaritoure337 12 วันที่ผ่านมา

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

  • @AbouAnia
    @AbouAnia 12 วันที่ผ่านมา +3

    10k$ ingress for favicon only

    • @smxth08
      @smxth08 12 วันที่ผ่านมา

      means?

    • @AbouAnia
      @AbouAnia 11 วันที่ผ่านมา

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

  • @HoangDuyKhanh388
    @HoangDuyKhanh388 8 วันที่ผ่านมา

    Current performace is 73%, what happened?

  • @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.

  • @kazmi401
    @kazmi401 12 วันที่ผ่านมา +1

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

  • @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 12 วันที่ผ่านมา

      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

  • @akarshanmishra2351
    @akarshanmishra2351 12 วันที่ผ่านมา

    Man where is ur github

  • @pippop9583
    @pippop9583 10 วันที่ผ่านมา

    Look nicer , but not good for eating

  • @СергейКр-щ4с
    @СергейКр-щ4с 11 วันที่ผ่านมา

    What about mobile 🤔

  • @kobbie5819
    @kobbie5819 11 วันที่ผ่านมา

    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 13 วันที่ผ่านมา +1

    First