Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data... behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓show more

Building SPA-like experiences with Next.js (6) You can lose... connection mid-session and your app waits it out, then picks back up the moment you reconnect. With the experimental (!) 𝚞𝚜𝚎𝙾𝚏𝚏𝚕𝚒𝚗𝚎 flag, a failed navigation, fetch, or Server Action stays pending instead of throwing, then retries automatically. The 𝚞𝚜𝚎𝙾𝚏𝚏𝚕𝚒𝚗𝚎() hook lets you show a reconnecting bar while it waits. Because Partial Prefetching keeps the App Shell on the client, you always have something to show offline. And, if a route's content was prefetched, that's available too. Live demo, source code, and docs below ↓show more

I was clicking through Astryx from Meta's docs, and... noticed it felt kind of slow to navigate. It's a docs site that should be fully static, but every route was rendering on the server on each request. We've been building a skill to migrate apps to Cache Components, so I wanted to see if it could help. I ran 𝚗𝚎𝚡𝚝-𝚌𝚊𝚌𝚑𝚎-𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜-𝚊𝚍𝚘𝚙𝚝𝚒𝚘𝚗, and Instant Insights showed the agent exactly what to cache. The skill completed the entire migration on its own, even though Astryx was still on Next.js 15. Now navigation is instant, up to 3x faster. Skill, PR, and performance details below ↓show more

My favorite feature of the Next.js conf site: The... 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)show more

Fox Business: "1st quarter GDP coming in with a... read of 1.6%. So this is a revision down. The first read was 2%, now we're coming in with a second read of 1.6%, and that is actually below the range."show more

I built a clone of the Yeezy store with... Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better? So I rebuilt the site with v0 and Motion. Here's how it works: 1. When you click on a product, Motion is able to animate the original position of the product in the grid, to the zoomed in product detail page. 2. During this transition, we also shallow update the URL with the `/p/slug` route for the page. 3. If you press the back button in the navbar, or use the browser back button, or press escape — all options will take you back to the main product listing page. 4. If you reload the page while looking at a product, or someone sends you a link to a specific product, it still works! This is the best parts of a SPA and MPA mixed together. In the future, I can make this even better with View Transitions (I wasn't able to get the product animation just right, but if you can I'd love to see it!). I also took some creative liberties from the original design. The whole 1/2/3 size thing, where you needed to click the "?" to see SM/MD/LG was strange, so I just went directly to those sizes. Similarly, I prefered the more traditional style sheet/modal with the background color change, versus the full screen takeover. If you wanted to actually hook this up to Shopify now, you can swap the cart implementation with Next.js Commerce, which has all the APIs you need + optimistic writes 🔥 Should I make a video walking through the code?show more

Impress your frens with your Fableborne knowledge 🧠 The... latest release of the Lizard Lookout Report is now live! Get educated with insights about the game, the team, their NFTs (with onchain data), metrics from playtests so far and more. Read it below 👇show more

I just built a Claude Code skill that scores... whether your landing page actually keeps your Meta ad's promise 🤯 Drop in your ad and the page it points to. It reads both, scores the "ad scent" from click to page, and finds the exact line where the page breaks the promise that won the click. All inside Claude Code. Perfect for DTC brands and media buyers who pour everything into the ad and the CPA but never grade the seam in between. If you're scaling spend on a winning ad, the click is landing on a page that opens with something slightly different, the ad promised 50% off and the page shows full price, the ad hooked "for oily skin" and the page is a generic homepage, and nothing looks broken, but the visitor feels it and bounces... That gap has a name in conversion work: message match. And you already paid for the click you're losing. Here's what it does: → Drop in your ad (headline, copy, offer, CTA) and the landing-page URL → It fetches the live page and reads what's actually above the fold → Grades 7 continuity dimensions: promise, offer, angle, CTA, audience, proof, visual → Shows your ad's words next to your page's words, so every gap is right there → Rewrites your hero headline so the page keeps the ad's promise → Renders a dashboard with a Match Score out of 100 No guessing why the click bounced. No blaming the creative for a page problem. No buying more traffic to fix a copy problem. What you get: → A Match Score on every ad-to-page pair before you scale → The ad-side vs page-side quotes, side by side, for every leak → A hero rewrite you can paste straight onto the page → A dashboard you can hand to your team or client I'm giving away the full skill completely for free. Built 100% in Claude Code. No API keys. Want the skill? > Like this post > Comment "MATCH" And I'll send it over (must be following so I can DM)show more

How Internet Computer contracts fetch web data without an... oracle Smart contracts on DFINITY Foundation's Internet Computer can call ordinary web APIs directly, with no oracle service in between. The chain builds the trust step into its own consensus instead. Every node running the contract sends the same request, and more than two-thirds must agree on the reply before the contract can use it, per ICP's docs. On a standard 13-node subnet, that is 13 identical calls hitting the API at once. A contract-side transform strips the parts of a response that naturally differ, like timestamps, so honest nodes can match. internet-computer:native developers are told to add deduplication keys so servers don't process one request 10 times over.show more

Oh, on the Midjourney Explore page, the video and... its starting frame are linked, so I can open the image used in the prompt. But I can’t do the same with my own videos — and I really need that.show more

As a scholar of settler-colonialism, I’ve read 1000s of... pages on the violent means through which European settlers engaged in dispossessing Natives in the Americas. I was flabbergasted by so much evil with each page turn, until Gaza’s live-streamed genocide gave those acts a faceshow more

#breachspoilers this part of downstairs is so,,,, the fact... that this is so clearly korea demo makes it feel like reuniting with a long lost friendshow more

SOMEONE TURNED THEIR TEAM'S TASK TRACKER INTO A 3D... ISLAND instead of a boring list of tasks, your teams work is a little island that grows as you get stuff done > you assign tasks right in slack, just type who its for, the points, and the due date > finish a task and you get to place a building on the island > get your work rejected and the building collapses into rubble > the rubble stays there forever, so everyone can see it > each new sprint starts a fresh island so over time the island fills up with buildings for all the work your team actually finished, and the rubble is a reminder of what got rejected. its open source, so any team can set it up. way more fun than staring at a to do list all dayshow more

A bunch of people mentioned bolt.new (cc Eric Simons)... so I thought I'd try it out and see how the SEO compares for vibe coders prompt: --- create a directory with mock items, each with its own URL IMPORTANT: the entire project MUST be server side rendered for SEO --- result: It one-shot a full Astro app, complete with breadcrumbs, category links, images, and importantly... all of the content is visible in the source, which is much better for getting crawled, indexed, and ranked in google and LLMs I've been sleeping on Bolt, but damn this was a smooth processshow more

We're testing a new link experience, starting on iOS... -- to make it easier for your followers to engage with your post while browsing links. For creators, a common complaint is that posts with links tend to get lower reach. This is because the web browser covers the post and people forget to Like or Reply. So X doesn't get a clear signal whether the content is any good. To help get better signal, posts will now collapse to the bottom of the page so people can react while you're reading. As always, remember: the post should stand alone as great content so write a solid caption.show more

This Department is of the firm belief that the... Chairman’s tears became holy in the form of lyrics on a page. All that’s left behind is #1YearOfTSTTPD 🤍 Happy first birthday to the album that taught us to run with our dress unbuttoned, cry at the gym, fix him (yes, really), and do it with a broken heart.show more

Once again, the Black Skimmer is demonstrating the wonders... of aerodynamics. Each twist of the body, each individual feather helping steer while a wall of crashing white water rumbles just behind the bird’s outstretched tail. Like a surgeon’s scalpel, the bird’s lower beak surgically slices through the water with utmost care and precision in hopes of coming into contact with a poor, unsuspecting fish. This attempt might have been unsuccessful, but it doesn’t seem like the bird has a care in the world. It just keeps skimming through the shallows, waiting for that tasty morsel to graze its outstretched beak. So remember, when failure raises its head and stares you in the eye. Just keep skimming because eventually you’ll succeed just like the magical Black Skimmer.show more

THIS GUY GOT SICK OF UK TRAIN STATIONS HIDING... THE PLATFORM NUMBER UNTIL THE LAST SECOND, SO HE VIBE CODED AN APP THAT PREDICTS IT BEFORE THEY REVEAL IT if youve ever stood in a crowded station like london euston, you know the pain the platform stays hidden until 15 minutes before boarding, then it flashes up and hundreds of people sprint for the same gate so he built something that fixes this: > a clean departures and arrivals app pulling live data straight from the network rail apis > live train tracking so you can watch where your train actually is on the route and whether its running on time > the main feature is a predictive engine that guesses your platform before the station reveals it, and its right about 75% of the time heres how it predicts: every time a train finishes its journey, it logs which platform it actually pulled into and compares that to the platform network rail originally advertised it saves every one of those comparisons, and over time it builds up enough history to predict the platform with a real confidence score he built the whole thing with claude, mostly opus with some fableshow more

Raphinha was on the bench shaking hands with the... players like that would help. Instead of protecting himself, he goes and gets injured in a useless match. Now we’re stuck with a LW that can’t finish. I’m so pissed with himshow more

Claude Opus 5 + Kimi K3 find businesses with... unused land, render what fits, mail the owner, and take a commission on their pick. here's what it does: - pulls every luxury restaurant, hotel and club off google maps - joins each address to the county record for the owner - drops anyone leasing. only owners can approve a build - measures the open ground they own, land minus building - four builds gate off that number: seating, shade, planting, lighting - renders each onto a real photo of their own building - kimi writes every venue its own landing page with the numbers - prints a postcard, mailed to the owner on the parcel record - they scan, pick one, the lead goes to a contractor fully automated, these are six figure jobs and you just collect the referral reply "SETUP" + RT and i'll send you a free guide so you can build this too (must be following so i can DM you)show more