Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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,732 subscribers

774,696 views • 3 years ago •via X (Twitter)

Health & Wellness Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 views • 2 years ago

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,634 views • 2 years ago

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,201 views • 3 months ago

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,197 views • 4 months ago

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,489 views • 5 months ago

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 views • 1 year ago

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 views • 6 months ago

💡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 views • 1 year ago

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,840 views • 1 year ago

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 views • 2 months ago

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 views • 6 months ago

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,595 views • 1 year ago

Notion is still the best place to work and write. Now you can turn any Notion page into a stunning presentation, landing page or doc in under a minute. This replaces canva, slides & even your designer. Step-by-step + actual results: 🧵

Notion is still the best place to work and write. Now you can turn any Notion page into a stunning presentation, landing page or doc in under a minute. This replaces canva, slides & even your designer. Step-by-step + actual results: 🧵

EyeingAI

36,350 views • 11 months ago

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

17,606 views • 1 year ago

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,279 views • 4 months ago

Reporter: Is the U.S. Government and Israeli government on the same page when it comes to intelligence around Iran's nuclear— Bruce: That is a question for the white house and the nsc. That is not something I can answer

Reporter: Is the U.S. Government and Israeli government on the same page when it comes to intelligence around Iran's nuclear— Bruce: That is a question for the white house and the nsc. That is not something I can answer

Acyn

24,089 views • 1 year ago

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,938 views • 1 year ago

was this tweet recycled? the original owner sold the page to an indian dude who got this girl to claim she owns the account. they’ve used different girls and you can tell it’s a completely different person they’ve stolen tweets, screenshots and random ig model pics to cosplay as a black woman 😭

was this tweet recycled? the original owner sold the page to an indian dude who got this girl to claim she owns the account. they’ve used different girls and you can tell it’s a completely different person they’ve stolen tweets, screenshots and random ig model pics to cosplay as a black woman 😭

່

238,916 views • 1 year ago

here's an example of using Obsidian Web Clipper to extract the transcript from a YouTube video then run it through Interpreter to summarize the key points you can do the same with your highlights, or any page content you want — and run templates based on URL patterns

here's an example of using Obsidian Web Clipper to extract the transcript from a YouTube video then run it through Interpreter to summarize the key points you can do the same with your highlights, or any page content you want — and run templates based on URL patterns

kepano

72,788 views • 1 year ago

Just a close up of my Vtuber Model~ Have a reference page in the works! But until then, have a quick showcase instead! Will keep you posted 🩵

Just a close up of my Vtuber Model~ Have a reference page in the works! But until then, have a quick showcase instead! Will keep you posted 🩵

Erami 💾👾【Malware ENVtuber】

65,665 views • 1 year ago