正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Intercepting routes in Next.js 13.3 🤯 You can "intercept" a dynamic navigation to a different page, and display something different instead—for example a product preview. Then, when the page is refreshed or loaded anew, the regular page loads.

Chris Nicholas

4,906 subscribers

774,814 次观看 • 3 年前 •via X (Twitter)

健康养生教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

"Some navigation links feel unresponsive in Next.js 13." Add a loading state to the page.

"Some navigation links feel unresponsive in Next.js 13." Add a loading state to the page.

Alex Sidorenko

125,971 次观看 • 3 年前

3. Summarize and explain web pages Copilot can summarize a long web page in just a few words. It's also the best way to explain certain terms or concepts you don't understand. - Go to the web page you want - Click on the Copilot icon - Enter your prompt, specifying that you're talking about the page you're currently on Prompt: "Summarize this web page in 5 short bullet points, then explain the technical terms in simple words". Note: You can also generate new content from the web page. For example, ask Copilot to "Write a new blog post introduction that summarizes this information".

3. Summarize and explain web pages Copilot can summarize a long web page in just a few words. It's also the best way to explain certain terms or concepts you don't understand. - Go to the web page you want - Click on the Copilot icon - Enter your prompt, specifying that you're talking about the page you're currently on Prompt: "Summarize this web page in 5 short bullet points, then explain the technical terms in simple words". Note: You can also generate new content from the web page. For example, ask Copilot to "Write a new blog post introduction that summarizes this information".

Paul Couvert

84,785 次观看 • 2 年前

Preview tabs on our desktop app — just in time for the Olympics! 🏅 Hover over any tab in your Notion workspace to see a quick page preview. Click in for a deeper dive or sprint to the next page.🏃‍♂️

Preview tabs on our desktop app — just in time for the Olympics! 🏅 Hover over any tab in your Notion workspace to see a quick page preview. Click in for a deeper dive or sprint to the next page.🏃‍♂️

Notion

25,639 次观看 • 2 年前

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)

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)

Mike Futia

10,862 次观看 • 2 个月前

ChatGPT 5.5 built a landing page for a product. Created the product brief document, logo and product look with ChatGPT Images 2.0. Animated the product video with Seedance 2.0. Gave everything to Codex to create a landing page.

Jerrod Lew

33,241 次观看 • 5 个月前

Open our website right now and you'll see that something is different. 3 golden eggs hidden across the page. Find all 3 and you unlock a reward. Not a raffle or a draw. If you find them, it's yours.

Open our website right now and you'll see that something is different. 3 golden eggs hidden across the page. Find all 3 and you unlock a reward. Not a raffle or a draw. If you find them, it's yours.

Crypto Fund Trader

70,571 次观看 • 6 个月前

I just vibe coded a full DTC advertorial page builder in Claude Code 🤯 One prompt --> complete presell page. Product images + editorial copy + testimonials + pricing —> all generated automatically. Built 100% in Claude Code. Perfect for DTC brands and agencies who need fresh advertorial pages for Meta but can't keep paying $1,500 per page. If you're running advertorials, you need variation & volume. 5-10 different advertorials per month. Different hooks, different audiences, different products. That means briefing a copywriter, waiting days, getting back a draft, giving notes, waiting again. Rinse repeat. This system solves it: → Enter your brand, product, target customer, and unique mechanism → Pick a style preset (clinical editorial, news exposé, lifestyle magazine, warm and trustworthy) → Claude writes the full page — every section from urgency banner to guarantee to final CTA → Nano Banana Pro generates all product images and mechanism diagrams inline No copywriter back-and-forth. No designing from scratch. No starting from a blank page every time. What you get: → A complete HTML advertorial page ready to paste into Shopify → DR copy structure extracted from real pages scaling on Meta → AI-generated product photography and diagrams → 4 style presets that automatically shift tone, colors, and authority framing per niche → Fully customizable system prompt — swap in your own advertorial templates, formulas, or page structures and it follows those instead I built 3 complete advertorial pages for 3 different brands in under 5 minutes. Skincare, supplements, and pet products. All different styles, all production-ready. I put the full Claude Code system prompt into a free Google Doc so you can get this up & running asap. Want access for free? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)

Mike Futia

41,953 次观看 • 7 个月前

I just built a Claude Code skill that scores whether your landing page actually keeps your 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 The honest part: message match is one lever on conversion, not the whole funnel. But it's the cheapest one to fix. You're not buying more clicks. You're keeping the clicks you already bought. 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)

I just built a Claude Code skill that scores whether your landing page actually keeps your 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 The honest part: message match is one lever on conversion, not the whole funnel. But it's the cheapest one to fix. You're not buying more clicks. You're keeping the clicks you already bought. 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)

Mike Futia

10,242 次观看 • 2 个月前

Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications. Check it out:

Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications. Check it out:

Chrome for Developers

23,347 次观看 • 1 年前

Kickstarter announcement! The pre-launch page for the pilot is now live, and the campaign launches next Monday! You can find a link to the pre-launch page under this post and in my bio!

Kickstarter announcement! The pre-launch page for the pilot is now live, and the campaign launches next Monday! You can find a link to the pre-launch page under this post and in my bio!

💫Glorious Boy💫

12,645 次观看 • 8 个月前

💡New feature rolling out: switch between different indicators on our data pages! For example, on our page showing childhood vaccination coverage, you can easily switch between the share and number of children vaccinated (and unvaccinated), and compare across vaccines or focus on a particular one.

💡New feature rolling out: switch between different indicators on our data pages! For example, on our page showing childhood vaccination coverage, you can easily switch between the share and number of children vaccinated (and unvaccinated), and compare across vaccines or focus on a particular one.

Our World in Data

23,011 次观看 • 1 年前

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?

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?

Lee Robinson

148,937 次观看 • 1 年前

OpenClaw can use Autobrowse to create and iteratively improve a Skill for any workflow. In this Craigslist extraction example we found a 68% speed up and 91% cost savings in 5 iterations. Halfway through, the agent found an exposed endpoint to speed up page navigation.

OpenClaw can use Autobrowse to create and iteratively improve a Skill for any workflow. In this Craigslist extraction example we found a 68% speed up and 91% cost savings in 5 iterations. Halfway through, the agent found an exposed endpoint to speed up page navigation.

Kyle Jeong

108,724 次观看 • 4 个月前

An extremely rare example in Indian politics for one party to place full-page front-page tribute in all newspapers on the death of a leader from another party.

An extremely rare example in Indian politics for one party to place full-page front-page tribute in all newspapers on the death of a leader from another party.

Rishi Bagree

398,345 次观看 • 8 个月前

When I signed up for Polar, I remembered once again why I switched from Next.js to TANSTACK Start. Tell me, is such a page load acceptable in 2025?

When I signed up for Polar, I remembered once again why I switched from Next.js to TANSTACK Start. Tell me, is such a page load acceptable in 2025?

Valerii Strilets 🇺🇦

249,728 次观看 • 1 年前

Monthly video is now live on our page. Little bit of a different vibe in this months video. Not strictly dental like we’re used to. Adam teaches Kate the art of the buccal massage. Catch the full clip on our page.

Monthly video is now live on our page. Little bit of a different vibe in this months video. Not strictly dental like we’re used to. Adam teaches Kate the art of the buccal massage. Catch the full clip on our page.

DentalFet_Duo

18,656 次观看 • 1 年前

Claude Code + Nano Banana 2 is f*cking cracked for advertorials 🤯 One prompt → a complete presell page with editorial copy, AI product photography, testimonials, and pricing — ready to paste into Shopify. Built 100% in Claude Code. Perfect for DTC brands and agencies running advertorials on Meta who need 5-10 different pages per month but can't keep paying $1,500 each. If you're briefing copywriters, waiting days for a draft, giving notes, waiting again, and still only getting one or two new pages per month... This system eliminates the entire loop: → Enter your brand, product, target customer, and unique mechanism → Pick a style preset (clinical editorial, news exposé, lifestyle magazine, warm and trustworthy) → Claude writes the full page — urgency banner to guarantee to final CTA → Nano Banana 2 generates product images and mechanism diagrams inline → Get back a complete HTML page following the same DR structure that's already scaling on Meta No copywriter back-and-forth. No designing from scratch. No starting from a blank page every time. What you get: → A production-ready HTML advertorial page you paste into Shopify → DR copy structure extracted from real pages scaling on Meta right now → AI-generated product photography and diagrams matched to your brand → 4 style presets that shift tone, colors, and authority framing per niche → A fully customizable system prompt — swap in your own templates and it follows those instead I built 3 complete advertorial pages for 3 different brands in under 5 minutes. Skincare, supplements, and pet products. All different styles, all production-ready. I put together a full playbook with the exact system prompt so you can get this running yourself. Want access for free? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)

Mike Futia

34,431 次观看 • 6 个月前

A lot of you asked about my custom GPT It turns any landing page screenshot into a detailed prompt you can drop into Lovable or Bolt to rebuild the entire page instantly. Built for builders who ship fast. RT and follow. I’ll DM you the link directly.

A lot of you asked about my custom GPT It turns any landing page screenshot into a detailed prompt you can drop into Lovable or Bolt to rebuild the entire page instantly. Built for builders who ship fast. RT and follow. I’ll DM you the link directly.

Prajwal Tomar

107,970 次观看 • 1 年前