Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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 Aufrufe • vor 3 Jahren •via X (Twitter)

Gesundheit & Wellness Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 3 Monaten

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,670 Aufrufe • vor 27 Tagen

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 Aufrufe • vor 4 Monaten

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,543 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten

💡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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 6 Monaten

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,700 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

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,926 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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,302 Aufrufe • vor 4 Monaten

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,949 Aufrufe • vor 1 Jahr

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 ↓

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 ↓

Aurora Scharff

28,273 Aufrufe • vor 21 Tagen

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 Aufrufe • vor 1 Jahr