My Favorite Open-Source Next.js Project for 2024

  Рет қаралды 36,374

Josh tried coding

Josh tried coding

Күн бұрын

Пікірлер: 96
@dreamsachiever212
@dreamsachiever212 2 ай бұрын
wait to see the VERCEL bill ...
@hacenhacen5814
@hacenhacen5814 2 ай бұрын
based on what the bills will be hight ?
@criticalcritics6531
@criticalcritics6531 2 ай бұрын
Theo (t3) already showed the bills barely scraped triple digits on his projects
@noor_codes
@noor_codes 2 ай бұрын
Self host with coolify, Who said you must host on Vercel?
@snatvb
@snatvb 2 ай бұрын
@@noor_codes with Coolify and self hosting you will no have such infrastucture as on Vercel with CDN
@minthantoo3509
@minthantoo3509 2 ай бұрын
@@hacenhacen5814 Based on the amount of times api is called on the server, I believe.
@jordymaryns4945
@jordymaryns4945 2 ай бұрын
We burn the infra. But you don't have to wait 1-2seconds for the image.
@0.amonymous
@0.amonymous 2 ай бұрын
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 2 ай бұрын
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
@Vicsory
@Vicsory Ай бұрын
​@@0.amonymous😂😂😂😂
@tamirfri1
@tamirfri1 2 ай бұрын
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 2 ай бұрын
That's what being done here, just under the hood.
@IB0Mber
@IB0Mber 2 ай бұрын
In next you can do ISR, so the pages can be rebuilt on demand. You can use that to have dynamic data!
@awaisraza2285
@awaisraza2285 2 ай бұрын
The website will have 10 users and cost of infrastructure will be 1 million
@iLiran
@iLiran 2 ай бұрын
Yeah, I don't know about that, it prefetches everything it can. It looks cool, but I am not sure if really needed.
@xingxingforyou
@xingxingforyou 2 ай бұрын
Vercel's Bill: 'Beautiful ! I like it.'
@siya.abc123
@siya.abc123 2 ай бұрын
The problem is that this is already tech debt but looks good on paper
@snatvb
@snatvb 2 ай бұрын
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 2 ай бұрын
Actually, lots of people in the west now have fast mobile connections than desktops can provide wirelessly.
@snatvb
@snatvb 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 2 ай бұрын
@@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 2 ай бұрын
@@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 2 ай бұрын
That was my main question- how does the pre fetching work with mobile?
@jhkmatthews
@jhkmatthews 2 ай бұрын
That image prefetching is wild 😄
@markus_dev_cwb
@markus_dev_cwb 2 ай бұрын
Great content Josh, tks to share
@tariq-atlas
@tariq-atlas 2 ай бұрын
The website look like i navigating in file explorer
@TianYuanEX
@TianYuanEX 2 ай бұрын
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 2 ай бұрын
based on what the bills will be hight ?
@runaway09
@runaway09 2 ай бұрын
​@@hacenhacen5814many unwanted requests
@AshesWake-sf7uw
@AshesWake-sf7uw 2 ай бұрын
@@hacenhacen5814 too many requests? 😂
@TianYuanEX
@TianYuanEX 2 ай бұрын
@@hacenhacen5814 On serverless function invocation for every image optimization...
@kaedriz
@kaedriz 2 ай бұрын
@@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.
@lakshmanshankar
@lakshmanshankar 2 ай бұрын
Prefetch every thing on hover is wild , hey serve images from cdn is that cheaper i thought it was expensive.
@ToumaRenshi
@ToumaRenshi 2 ай бұрын
this website is much faster than my normal computer.
@EIsenah
@EIsenah 2 ай бұрын
Do you care to publish the source code of your own implementation? Seems pretty interesting
@codecommerce
@codecommerce 2 ай бұрын
You're a machine brother! 💪
@NilotpaulNandi
@NilotpaulNandi 2 ай бұрын
Feels like all bad practices in a single site.
@TimMcMasters
@TimMcMasters 2 ай бұрын
Why is everything a bad practice?
@AshesWake-sf7uw
@AshesWake-sf7uw 2 ай бұрын
@@TimMcMasters It's kindof ig, because this prefetching is really not practical enough
@ChichaGad
@ChichaGad 2 ай бұрын
The first bad if not worst practice is using Next JS let alone the fact that this is React lmao
@0.amonymous
@0.amonymous 2 ай бұрын
This 2h cache stuff and static caching is weird as shit
@0.amonymous
@0.amonymous 2 ай бұрын
@@TimMcMasters because once you get 1000 users if you have a bad practice your site will stop loading and fucking die. Lol
@codingprojects3324
@codingprojects3324 2 ай бұрын
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
@AhmedLukman-e6z
@AhmedLukman-e6z 2 ай бұрын
Next js should have its own prefetching feature.
@Realharshagarwal
@Realharshagarwal 2 ай бұрын
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 2 ай бұрын
Prefteching is supported from day one in remix
@fujiwara1977
@fujiwara1977 2 ай бұрын
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.
@richard_loosemore
@richard_loosemore 2 ай бұрын
McMaster-Carr is an engineering parts site, just FYI. 😊
@miro-hristov
@miro-hristov 2 ай бұрын
Yep, I was going to comment the same -- T.J. McMaster + Walter S. Carr
@tigranharutyunyan7674
@tigranharutyunyan7674 2 ай бұрын
Thanks! Very informative. Can you please advise how to import data.sql for NextFaster project ?
@AbhishekYadav-ch2mn
@AbhishekYadav-ch2mn 2 ай бұрын
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.
@MeowEngineer
@MeowEngineer 2 ай бұрын
So youtubes just copy each other content when they put stuff put? Lame af
@MaxeySinclair
@MaxeySinclair 2 ай бұрын
Nextjs ctrl+C Remix 🤝
@dasnipa520
@dasnipa520 2 ай бұрын
exactly what I was thinking
@AjaySingh-jz8qx
@AjaySingh-jz8qx 2 ай бұрын
Looks like the creators created this on the ocassion of hallowene😂😂
@saber8387
@saber8387 2 ай бұрын
My internet still made it load 🔥🔥
@foxooo
@foxooo 2 ай бұрын
How would the pre fetching work for mobile?
@waeltarabishi6890
@waeltarabishi6890 2 ай бұрын
What the diiferances between isg and this prefetching ?
@ikbalazimaritoure337
@ikbalazimaritoure337 2 ай бұрын
Would you be willing to share you Link prefetch implementation please ?
@HoangDuyKhanh388
@HoangDuyKhanh388 2 ай бұрын
Current performace is 73%, what happened?
@omjannu9726
@omjannu9726 2 ай бұрын
Hovering and prefetching would just backfire for mobile or any other touch based system users
@LA-fb9bf
@LA-fb9bf 2 ай бұрын
This does not scale well! Imagine how many calls to the Infrastructure were done!
@Kayzewolf
@Kayzewolf 2 ай бұрын
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с 2 ай бұрын
What about mobile 🤔
@AbouAnia
@AbouAnia 2 ай бұрын
10k$ ingress for favicon only
@smxth08
@smxth08 2 ай бұрын
means?
@AbouAnia
@AbouAnia 2 ай бұрын
@@smxth08 vercel is a beast in terms of charging ingress
@akarshanmishra2351
@akarshanmishra2351 2 ай бұрын
Man where is ur github
@alexon2010
@alexon2010 2 ай бұрын
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 2 ай бұрын
so fast, and so unstable that no1 will use it @enterprise level
@Lucas-gt8en
@Lucas-gt8en 2 ай бұрын
What makes you say this is unstable?
@designed6102
@designed6102 2 ай бұрын
because it is literally unstable
@TianYuanEX
@TianYuanEX 2 ай бұрын
@@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 2 ай бұрын
I don't see how it's unstable
@designed6102
@designed6102 2 ай бұрын
@@Ouyiggh8807 unstable means in some cases it could have unexpected behavior which causes bugs
@kazmi401
@kazmi401 2 ай бұрын
The Stupid Open-Source Next.js Project for 2025.
@AshesWake-sf7uw
@AshesWake-sf7uw 2 ай бұрын
Should have rewritten in Rust for maximum parallelism and faster favicon prefetching I am joking, nice website just not practical enough
@kobbie5819
@kobbie5819 2 ай бұрын
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 2 ай бұрын
Look nicer , but not good for eating
@criminal4773
@criminal4773 2 ай бұрын
First
What Large-Scale Software Looks Like
18:32
Josh tried coding
Рет қаралды 38 М.
The fastest website ever?
30:48
Theo - t3․gg
Рет қаралды 180 М.
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 55 МЛН
СИНИЙ ИНЕЙ УЖЕ ВЫШЕЛ!❄️
01:01
DO$HIK
Рет қаралды 3,3 МЛН
Learn NextJS's Superpower ISR in 15 Minutes
15:35
Josh tried coding
Рет қаралды 46 М.
Node.js: The Documentary | An origin story
1:02:49
Honeypot
Рет қаралды 692 М.
NVIDIA CEO Jensen Huang's Vision for Your Future
1:03:03
Cleo Abram
Рет қаралды 143 М.
I Found a Faster Way to Build Next.js APIs
15:57
Josh tried coding
Рет қаралды 34 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 1,3 МЛН
Is Next.js 15 any good? "use cache" API first look
8:16
Beyond Fireship
Рет қаралды 136 М.
Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript
1:02:55
Programming with Mosh
Рет қаралды 812 М.
25 crazy software bugs explained
16:50
Fireship
Рет қаралды 1,4 МЛН
Can I Survive TRAPPED IN A HOUSE In Project Zomboid?
25:04
The Spiffing Brit
Рет қаралды 859 М.