Apple is so extra for no reason

the singularity is here

Introducing NextMaster An open-source ecommerce @nextjs template inspired by McMaster-Carr, optimized for performance with over 1 million products. A thread on how I built this with @rhyssullivan and @ksw_arman 🧵 (video is not sped up)

Didn’t expect to be talking with this many models in my 20s

The noise canceling is of course better but dang transparency mode holy shit Like it was good before but now it’s perfect

Did I deserve to get unmatched for this?

grandma: "sweetie how is it going with the ladies these days?" me: "you wouldn't believe the models I talk to" the models:

can you believe they made this without cursor

datadog is the GOAT of url state copy-paste the current URL from basically anywhere in their super complex product and you get put back the exact same place- incredible

when did they make tweets no longer real html links and why????? LET ME OPEN IN A NEW TAB PLEASE buttons that act like links (causes some kind of route change via js) are by far the biggest web ux sin imo

TIL python does not recreate default function params each function call

ai is so freaking cool man saw this sick dot shader from the @tailwindcss website and was curious how it worked so copied the source and had claude "decompile" it, make an example and walk me through how it worked

JavaScript is too slow so I rewrote React in C++

why cant I just set a header in a `WebSocket` request on the client ahhhhhhhhhhhhhhhhhhh who designed this api man

Fast, static pages + no weird hydration flickers is ideal, but easy to get wrong in practice In my newest blog post I show you how to make it a reality! Link below

finally: the effect on the frontend video let me know what you think!

oh we are hyperscripting

“building in stealth” & it’s just a VSCode fork 😭

I think you mean: "typescript now officially agrees javascript belongs in application code and not in compilers"

"Like React before it, at first Effect might seem weird and scary. Remember though, this is difficulty and not complexity. Effect is not hard mode. Its initial difficulty will wane with exposure and use, while the complexity it eases will not."

built in JSX->string support in elysia is so awesome and has built in helpers for sanitizing input

s2 is super legit s3 made provisioning your own storage servers not worth it basically overnight: provisionless, unlimited scale, and pay only for what you use s2 is the exact same for streams

man imagine if some super cracked developer wrote the frontend for both of these and they were super fast and felt great to use that would be crazy he must be really cool

BETH STACK 2: Watch along as I build a multi-tenant b2b app where each organization gets their own @tursodatabase database I’ve made huge improvements that bring the BETH stack up to a fully featured framework with even more on the way piped.video/NZpPMlSAez0

ryan reacting to `this.update()` straight gold lmao

x402 + MCP + AI SDK really proud to finally launch this

Now on Effect by Example: How to use Effect `HttpApi` with Next.js

Promise.allSettled or Promise.all? @t3dotgg says the former @sebastienlorber says the latter I say: Effect.all Learn why in my latest video- piped.video/watch?v=kYAjBvt0…

Are you building a web app in 2023? Try the BETH stack: Bun, Elysia, Turso, HTMX A opinionated hypermedia-driven architecture balancing developer experience and performance. It may not be the BEST stack, but it is the BETH stack piped.video/cpzowDDJj24

LFG this is a big step to two-way transformation support in standard schema

bro they landed on the moon with 2048 words of RAM 2048! thats like a single javascript object lmao

its finally here :) so much work went into this- really proud of the end product - lightning fast searches - easy checkout - e2e typesafety and error handling with Effect - and of course zero layout shift :)

You want to raise a big round You want to hire devs you don’t need You want to use kubernetes You want to higher sales people you don’t need You want to purchase enterprise pay per seat lisences

cursor tab got a bit too excited after watching the latest @mattpocockuk video

imagine a ECMAScript `use` keyword that is _always_ ignored at runtime but can act as a typed signal to bundlers or a directive syntax for macros

Major kudos, respect, and appreciation for the McMaster-Carr team. What they built is incredible. It was interesting to learn their perf techniques and see how they applied to Next.js. So, how is ours so fast? It uses many of the same optimizations the original site does, but where the McMaster devs hand wrote these with jquery, Next.js automates a lot of this for you with strong defaults. The site heavily uses Partial Prerendering, where the static 'shell' of a dynamic page is prerendered at build time and served immediately on request, with the dynamic parts streamed in. Our site also avoids loading spinners entirely- something the original actually has quite a lot of

I published my first YouTube video! It’s an introduction to @EffectTS_ , a typescript library I have been enamored by and advocating for since I first read the docs intro I hope the video will spark your interest in Effect! Let me know what you think piped.video/SloZE4i4Zfk

My Notes: - “Software 3.0” Software 1.0 is code, 2.0 was weights of tightly scoped ML models, 3.0 is using English to program LLMs Just like how in certain use cases software 2.0 would “eat away” at software 1.0 code, software 3.0 will now eat away at a lot of places where we would previously have used 1.0/2.0 - LLMs are like ___ LLMs are kind of like power stations: they require infrastructure, have switching stations (open router) and cause “brownouts” during disruptions in output LLMs are unlike traditional utilities though and more like software. They can easily be duplicated and transferred. LLMs also resemble operating systems: they memory, external devices, networking, etc Similar to the OS space there are a few major closed providers (Mac / windows ≈ gpt / Claude) and a more widespread ecosystem of open source options (Linux ≈ llama). - We are currently in the 1960s shared computing moment for AI Just like traditional computing in the 60s, current frontier AI is expensive and requires immense centralized compute, accessible only over the network, and shared by others when you’re not using it. What will the PC moment for AI look like? - The anatomy of a successful AI empowered app Sees humans as a fundamental part of the loop- 1000 line Devin PR still needs to be reviewed. The best AI empowered apps provide the best experience for their human users by providing: a custom GUI (escape just textual interfaces) + an autonomy “slider” (tab -> cmd K -> cmd L -> cmd I) Really likes the Iron Man suit analogy: the suit is 2 parts: Augmentation: giving the user strength, tools, sensors and information Autonomy: the suit at many times has a mind of its own- taking actions without being prompted How can we design AI products that follow these patterns? - Rate of progress Seemed very conservative on the rate of AI progression. Cited this example of when he rode a Waymo prototype around back in 2014 and had a 15 minute drive with zero interventions. He thought “wow we’ve done it, it’s here”. And while we’ve made a lot of progress since then, there’s still kinks to work out. And we will, but it just takes time. Where `works` is a boolean array of situations where your product “works” or not: A demo is simply `works.any()`, but building a real product is `works.all()` Sees AI in a similar way: explicitly said to avoid thinking like AI 2027 or saying 2025 is “the year of agents” and instead to look at 2025-2035 as the “decade of agents” - Vibe “coding” is the easy part and the rest is still hard Cited example of vibe coding a simple app: cursor wrote most of the code pretty easily. But after that the AI speed ups disappeared: setting up auth, getting environment variables, deployment, registering and assigning a domain, etc Docs are a really important part of this. Explicitly cited Clerks docs which had a 5-10 step long list of instructions for where / when to click. After showing this he literally said “What the hell?” Cited lee rob / vercel adding curl commands to docs where “click” was before as a good first step - AI reverse flow of adoption Previous major advanced technologies (computing, internet, GPS) stemmed from government / large corporation use cases and slowly made their way to consumers. AI so far has had the opposite flow. Consumers are using the tech for the most random mundane things while governments haven’t even started to adopt AI.

Thanks to @cramforce, @wyatt, @styfle from the Vercel team who provided advice and mentorship throughout the process It was great learning about all these optimizations and being able to figure out what can be contributed back into Next.js to make it fast for everyone Source: github.com/ethanniser/NextMa…

First, check it out for yourself: next-master.vercel.app/ It features 1 million AI-generated products, with login, search, categories, cart, and other features to mimic the original website's complexity.

10,000 stars @EffectTS_

Your feed in two weeks

seeing this is such a rush

Wow fantastic talk from @karpathy at startup school Unbelievably insightful and pragmatic

Guys who wake up at 4pm be like

dude http3 and WebTransport are sick why does not one use this stuff

Just got a sneak peak of @EffectTS_ 4.0 at Effect Days and it looks amazing Bundle sizes cut by 50-80% Huge performance improvements Cut down api surface and dedupe redundant apis Long term stability and support So excited for the future of Effect

its hard not to be skeptical of crypto stuff but this x402 thing is such a cool concept its just so "web"- built on http and fully accessible to anyone

naming my son J so I can call him JSON

You can just speak at meetups

Ever wanted to learn how to write a primitive fiber-based concurrency runtime from scratch? Now is your chance :) piped.video/vtotu8p9DWw

So many cool things have happened with the BETH stack since the original video, check it out! piped.video/aDYYn9R-JyE

let's goooo no longer need to continuously explain to my boss that I'm *not* using rxjs

this is pretty crazy to me react query just lies about the error type and this was an intentional change too! so you think its safe to call `useQuery().error.message` but it can 100% blow up I don't understand why asking users to do `unknown instanceof Error` was too much

holy shit TIL react can serialize async iterables just like it can promises

drizzzzzzzzzzzzzzzle they did it the prisma query syntax was the last thing holding me back

really feels like @EffectTS_ is here right now

easy configurable load testing with Effect schedule

Images are everything for sites like this. We spent a ton of time on image optimization—mostly around loading strategies. In order to push the limits, we don't just prefetch HTML content, but we also prefetch the images of pages. Check out this side by side demo to see what a difference prefetching makes in reducing flashing

me and who

actors on vercel workflows

it got cut off even though I was in the word limit... but I'm joining @vercel as an intern this summer! could not be more excited to return to SF and work with such an amazing team

Go the programming language 👎 Go the runtime and ecosystem 😯

A story in three parts

Crazy to think a year ago today I was grinding next master out on a plane to SF for next conf

this was not in the plans at all just 3 months ago but here we are absolutely insane thank you everyone for the continued support

this one hurts

Imo the issue with this is not that objects are mutable passed by reference (js does this too and while it’s not ideal it works) It’s that a default param creates a variable bound to the function itself, and not each call of the function, which is extremely counter intuitive

Not using react query is a crime

aoc 2022 day 1: 1 year ago vs today (wtf was I doing)

Additionally, we made things feel even faster by triggering links `onMouseDown`, as opposed to the default: `onMouseUp`. Our storage layer is powered by Neon Postgres through Vercel, Vercel KV, and Vercel Blob. We used @v0 to scaffold many of the initial UIs for the project- most often by just providing a screenshot of the original and asking for a recreation: • Home/product page ui - v0.dev/chat/vAPl132ZVlV?b=b_… • Login page ui - v0.dev/chat/tijwMFByNX9?b=b_… • Cart page ui - v0.dev/chat/RTBa8dXhx03?b=b_…

All of the over 1 million products (present in a live Postgres db) on the site were generated using gpt-4o-mini via the OpenAI batch API with the Vercel AI SDK Images were generated with stable-diffusion-v1-5 AI is an incredible tool to simulate a large real world dataset like this.

tanstack DB actually looks very very cool

all html- zero react identical suspense api (see image in reply) I have a working react 'cache' equivalent for deduplicating data fetching and a next like 'unstable-cache' coming soon streaming for initial load + htmx for mutations is a beautiful combination

First ever talk complete 🫡

its happening... streaming hydration support for effect rx

beautiful

post this to linkedin but drop the "as the only intern"

new video! a full tutorial to get started with the most basic Effect concepts, designed to bring you from nothing to building basic programs with Effect thank you so much to the @EffectTS_ team for sponsoring this video and supporting me and my channel piped.video/watch?v=fTN8BX5q…

TIL effect-rx uses the react scheduler as to not take priority over rendering

Men’s fashion is literally just having a cool jacket

Typescript is so back btw (not that it was ever over lol) I genuinely believe TypeScript (especially with @EffectTS_) is the most effective and productive way of writing business apps on the server

Guys I’m not a teenager anymore

its real!

added 2 new Effect by Example examples also now the site's code outputs are run in vercel's new sandbox product instead of the previous super janky local sandbox I built myself

svg-animations.how/ by the svg goat @nandafyi

writing code in effect is crazy because you can just spawn background threads willy nilly with fork/forkScoped and have complete confidence they will be closed when no longer needed

TIL .git/info/exclude personal git ignore

Just got called “the effect guy” by some random guy in a car driving by in dogpatch

WIP typescript attribute proposal wdyt

pretty funny that the database company named after a noble gas (the most stable group of elements) has the worst stability

Every event I go to in SF:

Check out this difference between our site and the original: The original has a flash of the 'default' content, and waits to fetch the data from the client Ours has no flash, starts the fetch on the server and streams it to the client as soon as its ready

It's time to come clean about @EffectTS_ ethanniser.dev/blog/the-trut…

I live for zero layout shift

how I feel when some startup's 20 grand landing page drops frames as I scroll