My Favorite Open-Source Next.js Project for 2024

  Рет қаралды 32,514

Josh tried coding

Josh tried coding

Күн бұрын

Пікірлер: 93
@dreamsachiever212
@dreamsachiever212 22 күн бұрын
wait to see the VERCEL bill ...
@hacenhacen5814
@hacenhacen5814 21 күн бұрын
based on what the bills will be hight ?
@criticalcritics6531
@criticalcritics6531 21 күн бұрын
Theo (t3) already showed the bills barely scraped triple digits on his projects
@noor_codes
@noor_codes 21 күн бұрын
Self host with coolify, Who said you must host on Vercel?
@snatvb
@snatvb 21 күн бұрын
@@noor_codes with Coolify and self hosting you will no have such infrastucture as on Vercel with CDN
@minthantoo3509
@minthantoo3509 21 күн бұрын
@@hacenhacen5814 Based on the amount of times api is called on the server, I believe.
@jordymaryns4945
@jordymaryns4945 22 күн бұрын
We burn the infra. But you don't have to wait 1-2seconds for the image.
@0.amonymous
@0.amonymous 20 күн бұрын
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 19 күн бұрын
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 21 күн бұрын
The website will have 10 users and cost of infrastructure will be 1 million
@iLiran
@iLiran 22 күн бұрын
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 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 21 күн бұрын
That's what being done here, just under the hood.
@IB0Mber
@IB0Mber 21 күн бұрын
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 22 күн бұрын
The problem is that this is already tech debt but looks good on paper
@snatvb
@snatvb 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 21 күн бұрын
Actually, lots of people in the west now have fast mobile connections than desktops can provide wirelessly.
@snatvb
@snatvb 21 күн бұрын
@@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 21 күн бұрын
@@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 21 күн бұрын
@@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 16 күн бұрын
That was my main question- how does the pre fetching work with mobile?
@jhkmatthews
@jhkmatthews 22 күн бұрын
That image prefetching is wild 😄
@xingxingforyou
@xingxingforyou 21 күн бұрын
Vercel's Bill: 'Beautiful ! I like it.'
@tareqnoorzai1209
@tareqnoorzai1209 21 күн бұрын
The website look like i navigating in file explorer
@TianYuanEX
@TianYuanEX 21 күн бұрын
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 21 күн бұрын
based on what the bills will be hight ?
@runaway09
@runaway09 21 күн бұрын
​@@hacenhacen5814many unwanted requests
@AshesWake-sf7uw
@AshesWake-sf7uw 21 күн бұрын
@@hacenhacen5814 too many requests? 😂
@TianYuanEX
@TianYuanEX 21 күн бұрын
@@hacenhacen5814 On serverless function invocation for every image optimization...
@kaedriz
@kaedriz 21 күн бұрын
@@hacenhacen5814 Prefetching? You are just sending loads of data, which most of it won't even get to see the light. Your bandwidth will be several times more stressed than in normal use case. Content streaming on demand is so fast with CDNs already, I personally don't see the difference between 1ms and 50-100ms loading times, especially if proper loading placeholder is implemented.
@NilotpaulNandi
@NilotpaulNandi 22 күн бұрын
Feels like all bad practices in a single site.
@TimMcMasters
@TimMcMasters 21 күн бұрын
Why is everything a bad practice?
@AshesWake-sf7uw
@AshesWake-sf7uw 21 күн бұрын
@@TimMcMasters It's kindof ig, because this prefetching is really not practical enough
@ChichaGad
@ChichaGad 21 күн бұрын
The first bad if not worst practice is using Next JS let alone the fact that this is React lmao
@0.amonymous
@0.amonymous 20 күн бұрын
This 2h cache stuff and static caching is weird as shit
@0.amonymous
@0.amonymous 20 күн бұрын
@@TimMcMasters because once you get 1000 users if you have a bad practice your site will stop loading and fucking die. Lol
@EIsenah
@EIsenah 12 күн бұрын
Do you care to publish the source code of your own implementation? Seems pretty interesting
@ToumaRenshi
@ToumaRenshi 13 күн бұрын
this website is much faster than my normal computer.
@markus_dev_cwb
@markus_dev_cwb 22 күн бұрын
Great content Josh, tks to share
@lakshmanshankar
@lakshmanshankar 22 күн бұрын
Prefetch every thing on hover is wild , hey serve images from cdn is that cheaper i thought it was expensive.
@abdelhameedhamdy
@abdelhameedhamdy 19 күн бұрын
Prefteching is supported from day one in remix
@tigranharutyunyan7674
@tigranharutyunyan7674 21 күн бұрын
Thanks! Very informative. Can you please advise how to import data.sql for NextFaster project ?
@AbhishekYadav-ch2mn
@AbhishekYadav-ch2mn 20 күн бұрын
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.
@AhmedLukman-e6z
@AhmedLukman-e6z 19 күн бұрын
Next js should have its own prefetching feature.
@codingprojects3324
@codingprojects3324 21 күн бұрын
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
@foxooo
@foxooo 16 күн бұрын
How would the pre fetching work for mobile?
@richsoftwareguy
@richsoftwareguy 21 күн бұрын
So youtubes just copy each other content when they put stuff put? Lame af
@codecommerce
@codecommerce 21 күн бұрын
You're a machine brother! 💪
@richard_loosemore
@richard_loosemore 21 күн бұрын
McMaster-Carr is an engineering parts site, just FYI. 😊
@miro-hristov
@miro-hristov 21 күн бұрын
Yep, I was going to comment the same -- T.J. McMaster + Walter S. Carr
@Realharshagarwal
@Realharshagarwal 21 күн бұрын
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.
@waeltarabishi6890
@waeltarabishi6890 20 күн бұрын
What the diiferances between isg and this prefetching ?
@AjaySingh-jz8qx
@AjaySingh-jz8qx 20 күн бұрын
Looks like the creators created this on the ocassion of hallowene😂😂
@fujiwara1977
@fujiwara1977 21 күн бұрын
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.
@ikbalazimaritoure337
@ikbalazimaritoure337 21 күн бұрын
Would you be willing to share you Link prefetch implementation please ?
@MaxeySinclair
@MaxeySinclair 22 күн бұрын
Nextjs ctrl+C Remix 🤝
@dasnipa520
@dasnipa520 21 күн бұрын
exactly what I was thinking
@HoangDuyKhanh388
@HoangDuyKhanh388 17 күн бұрын
Current performace is 73%, what happened?
@AbouAnia
@AbouAnia 21 күн бұрын
10k$ ingress for favicon only
@smxth08
@smxth08 21 күн бұрын
means?
@AbouAnia
@AbouAnia 21 күн бұрын
@@smxth08 vercel is a beast in terms of charging ingress
@omjannu9726
@omjannu9726 21 күн бұрын
Hovering and prefetching would just backfire for mobile or any other touch based system users
@saber8387
@saber8387 21 күн бұрын
My internet still made it load 🔥🔥
@LA-fb9bf
@LA-fb9bf 22 күн бұрын
This does not scale well! Imagine how many calls to the Infrastructure were done!
@alexon2010
@alexon2010 18 күн бұрын
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.
@akarshanmishra2351
@akarshanmishra2351 21 күн бұрын
Man where is ur github
@Kayzewolf
@Kayzewolf 18 күн бұрын
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 21 күн бұрын
The Stupid Open-Source Next.js Project for 2025.
@СергейКр-щ4с
@СергейКр-щ4с 20 күн бұрын
What about mobile 🤔
@vinniv6806
@vinniv6806 22 күн бұрын
so fast, and so unstable that no1 will use it @enterprise level
@Lucas-gt8en
@Lucas-gt8en 22 күн бұрын
What makes you say this is unstable?
@designed6102
@designed6102 22 күн бұрын
because it is literally unstable
@TianYuanEX
@TianYuanEX 21 күн бұрын
@@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 21 күн бұрын
I don't see how it's unstable
@designed6102
@designed6102 20 күн бұрын
@@Ouyiggh8807 unstable means in some cases it could have unexpected behavior which causes bugs
@AshesWake-sf7uw
@AshesWake-sf7uw 21 күн бұрын
Should have rewritten in Rust for maximum parallelism and faster favicon prefetching I am joking, nice website just not practical enough
@kobbie5819
@kobbie5819 20 күн бұрын
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?
@pippop9583
@pippop9583 19 күн бұрын
Look nicer , but not good for eating
@criminal4773
@criminal4773 22 күн бұрын
First
What Large-Scale Software Looks Like
18:32
Josh tried coding
Рет қаралды 33 М.
The fastest website ever?
30:48
Theo - t3․gg
Рет қаралды 140 М.
How To Choose Mac N Cheese Date Night.. 🧀
00:58
Jojo Sim
Рет қаралды 107 МЛН
How to Fight a Gross Man 😡
00:19
Alan Chikin Chow
Рет қаралды 19 МЛН
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 33 МЛН
快乐总是短暂的!😂 #搞笑夫妻 #爱美食爱生活 #搞笑达人
00:14
朱大帅and依美姐
Рет қаралды 14 МЛН
TMUX in 100 seconds | Prime Reacts
11:43
ThePrimeTime
Рет қаралды 164 М.
I Found a Faster Way to Build Next.js APIs
15:57
Josh tried coding
Рет қаралды 30 М.
This tool annoyed me (so I built a free version)
19:38
Theo - t3․gg
Рет қаралды 202 М.
10 common mistakes with the Next.js App Router
20:37
Vercel
Рет қаралды 231 М.
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,5 МЛН
Self-Hosting Next.js
45:13
leerob
Рет қаралды 71 М.
Microservices are Technical Debt
31:59
NeetCodeIO
Рет қаралды 657 М.
My Favorite Tech Stack for 2024
10:05
Josh tried coding
Рет қаралды 39 М.
The Big Headless CMS Lie (James Mikrut)
18:14
Vercel
Рет қаралды 70 М.
How To Choose Mac N Cheese Date Night.. 🧀
00:58
Jojo Sim
Рет қаралды 107 МЛН