Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

This is a fully dynamic, server-rendered Next.js app router + headless Shopify storefront. Zero client / CDN page caches, fully personalized, feels as though it was local-first. Try it for yourself!

rauchg's profile picture

Guillermo Rauch

566,924 subscribers

66,013 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

Peter White profil fotoğrafı
Peter White1 yıl önce

@nextjs @Shopify Super fast - though optimistic UI for quantity increase in cart would be nice 👀

Guillermo Rauch profil fotoğrafı
Guillermo Rauch1 yıl önce

@nextjs @Shopify yessss. want. cc @leeerob

Jorge Vizcayno profil fotoğrafı
Jorge Vizcayno1 yıl önce

@nextjs @Shopify I'm sure if you convert the into a real Vercel Swag store instead of Acme products, you'd get both more insights on how to keep improving and some revenue from ver el powerusers

Baytaş profil fotoğrafı
Baytaş1 yıl önce

@nextjs @Shopify wen page transitions tho

Sukh Dugal profil fotoğrafı
Sukh Dugal1 yıl önce

@nextjs @Shopify If a demo store feels so slow and clunky, I can't imagine what a real store's UX feels like. Can someone without bias chime in — is running two web servers across locations to render a page not a bad idea?

Jacob profil fotoğrafı
Jacob1 yıl önce

@nextjs @Shopify Darn

Richard Poelderl profil fotoğrafı
Richard Poelderl1 yıl önce

@nextjs @Shopify It’s fast. But not local first fast.

Guillermo Rauch profil fotoğrafı
Guillermo Rauch1 yıl önce

@nextjs @Shopify how come? If it's the add to cart operation, that's on the todo. will get done

khavas profil fotoğrafı
khavas1 yıl önce

@nextjs @Shopify That's pretty cool!

Benzer Videolar

The fastest storefront I've ever seen. So excited about the new Next.js Commerce powered by App Router. Headless backend by @shopify.
0:28

The fastest storefront I've ever seen. So excited about the new Next.js Commerce powered by App Router. Headless backend by @shopify.

Guillermo Rauch

297,023 görüntüleme • 2 yıl önce

I've finally published a new version of next-international, my fully typesafe i18n library for Next.js This release adds initial support for the App Router, with both Client and Server Components:
0:32

I've finally published a new version of next-international, my fully typesafe i18n library for Next.js This release adds initial support for the App Router, with both Client and Server Components:

Tom Lienard

42,459 görüntüleme • 2 yıl önce

It happened! I’ve open sourced my exif-based photo blog as a (near) zero-config Vercel template. It uses all the things: ◆ Next.js App Router with Server Actions ◆ Next.js Image ◆ Next Auth ◆ Vercel Postgres ◆ Vercel Blob ◆ Vercel OG Template →
0:43

It happened! I’ve open sourced my exif-based photo blog as a (near) zero-config Vercel template. It uses all the things: ◆ Next.js App Router with Server Actions ◆ Next.js Image ◆ Next Auth ◆ Vercel Postgres ◆ Vercel Blob ◆ Vercel OG Template →

Sam Becker

125,818 görüntüleme • 2 yıl önce

A navigation to a dynamic server-rendered page is blocked until the server responds. In Next.js, the first step to improving the experience is to add a `loading.js` file. This unblocks navigation and gives the user feedback while the content streams in.
0:38

A navigation to a dynamic server-rendered page is blocked until the server responds. In Next.js, the first step to improving the experience is to add a `loading.js` file. This unblocks navigation and gives the user feedback while the content streams in.

Delba

48,478 görüntüleme • 1 yıl önce

This is a fully functioning Laravel application and playground rendered on a static Cloudflare page. The entire app is sandboxed to your client, all files are editable, and you can even run artisan commands.
1:54

This is a fully functioning Laravel application and playground rendered on a static Cloudflare page. The entire app is sandboxed to your client, all files are editable, and you can even run artisan commands.

Andrew Schmelyun

12,266 görüntüleme • 3 ay önce

Screenshot to Shopify store with Instant MCP is now live. Screenshot any store you like. Instant AI turns it into a working Shopify build. Fully responsive. Fully functional. Fully connected. What used to take days now takes minutes. Try it in Instant.
0:23

Screenshot to Shopify store with Instant MCP is now live. Screenshot any store you like. Instant AI turns it into a working Shopify build. Fully responsive. Fully functional. Fully connected. What used to take days now takes minutes. Try it in Instant.

Coen van Hees

19,791 görüntüleme • 1 ay önce

URL to Shopify store with Instant MCP is now live. Paste in any URL of a store you like. Instant AI turns it into a working Shopify build. Fully responsive. Fully functional. Fully connected. What used to take days now takes minutes. Try it in Instant
0:22

URL to Shopify store with Instant MCP is now live. Paste in any URL of a store you like. Instant AI turns it into a working Shopify build. Fully responsive. Fully functional. Fully connected. What used to take days now takes minutes. Try it in Instant

Coen van Hees

28,137 görüntüleme • 1 ay önce

In LiveView, we keep the state in one place - the server - and it simplifies a lot. But sometimes the state on the client is preferred, or even necessary, and we can't use LiveView for that part. Unless we have a LiveView that runs on the client 👀 Using Popcorn, we managed to run LiveView fully in the browser – here's a POC 🎉 The approach is to have a fully client-side LiveView rendered by a server-side one, and they can communicate with each other. Try it out:
0:25

In LiveView, we keep the state in one place - the server - and it simplifies a lot. But sometimes the state on the client is preferred, or even necessary, and we can't use LiveView for that part. Unless we have a LiveView that runs on the client 👀 Using Popcorn, we managed to run LiveView fully in the browser – here's a POC 🎉 The approach is to have a fully client-side LiveView rendered by a server-side one, and they can communicate with each other. Try it out:

Elixir by Software Mansion

13,509 görüntüleme • 5 ay önce

is a great Next.js app router app. It's blazing fast, even with data being highly dynamic (it shows realtime stock market data & politicians' trades) Some cool details from my analysis 🧵
0:27

is a great Next.js app router app. It's blazing fast, even with data being highly dynamic (it shows realtime stock market data & politicians' trades) Some cool details from my analysis 🧵

Guillermo Rauch

90,769 görüntüleme • 1 yıl önce

Support Local Business 📌 Only R100? Let’s see what I can get at SKUBU 😅 SKUBU is the world’s first fully automated refill store and it offer high demand staple foods at unmatched prices Try it for yourself. 😁
1:13

Support Local Business 📌 Only R100? Let’s see what I can get at SKUBU 😅 SKUBU is the world’s first fully automated refill store and it offer high demand staple foods at unmatched prices Try it for yourself. 😁

Black-Jesus💧🇿🇦

54,050 görüntüleme • 3 ay önce

Next.js 15: <Form> • Prefetching • Client-side navigation • Progressive enhancement It is useful for forms that navigate to a new page, such as a search form that leads to a results page.
1:25

Next.js 15: <Form> • Prefetching • Client-side navigation • Progressive enhancement It is useful for forms that navigate to a new page, such as a search form that leads to a results page.

Delba

67,908 görüntüleme • 1 yıl önce

!Boring If this was going to be a camera app people would love, it had to do 4 things… 1. Feel satisfying in your hands (like a real camera) This is our first fully-3D interface with dynamic lighting that responds to movement, satisfying sounds, & custom haptics. Feels damn good.
0:27

!Boring If this was going to be a camera app people would love, it had to do 4 things… 1. Feel satisfying in your hands (like a real camera) This is our first fully-3D interface with dynamic lighting that responds to movement, satisfying sounds, & custom haptics. Feels damn good.

Andy Allen

34,616 görüntüleme • 1 yıl önce

SSR in Pages Router vs App Router in Next.js
0:45

SSR in Pages Router vs App Router in Next.js

Alex Sidorenko

61,034 görüntüleme • 1 yıl önce

Update on Meet the Exia, the first 34 seconds are fully finished now! I've animated more but won't show it until it's more polished so have this fully rendered teaser!
0:34

Update on Meet the Exia, the first 34 seconds are fully finished now! I've animated more but won't show it until it's more polished so have this fully rendered teaser!

Dwheim 🇨🇴

32,239 görüntüleme • 1 yıl önce

VS Code (Copilot) vs Cursor (claude-3.5-sonnet) for Next.js App Router
0:24

VS Code (Copilot) vs Cursor (claude-3.5-sonnet) for Next.js App Router

Alex Sidorenko

189,000 görüntüleme • 1 yıl önce

The BEST Rainbow Six Siege Gamemode EVER! Prop Hunt is fully playable, try it for yourself! Thanks to the "Heated Metal" mod 🔥
1:03

The BEST Rainbow Six Siege Gamemode EVER! Prop Hunt is fully playable, try it for yourself! Thanks to the "Heated Metal" mod 🔥

KianChopper

104,823 görüntüleme • 18 gün önce

oh one more thing. I updated the cli to work cross-framework. Here's me installing a v0 generation for Next.js inside a Laravel app. It auto-detects Laravel and adapts the route. Same payload, zero config. Works for Vite + React Router too.
0:24

oh one more thing. I updated the cli to work cross-framework. Here's me installing a v0 generation for Next.js inside a Laravel app. It auto-detects Laravel and adapts the route. Same payload, zero config. Works for Vite + React Router too.

shadcn

51,325 görüntüleme • 1 yıl önce

If you're looking to setup i18n for Next.js (App or Pages Router), check out next-international: ✨ Fully typesafe, no codegen 🦥 Small footprint, lazy-loaded locales 📄 Static Rendering, RSC... We've landed a ton of bugfix & features recently!
0:29

If you're looking to setup i18n for Next.js (App or Pages Router), check out next-international: ✨ Fully typesafe, no codegen 🦥 Small footprint, lazy-loaded locales 📄 Static Rendering, RSC... We've landed a ton of bugfix & features recently!

Tom Lienard

19,936 görüntüleme • 2 yıl önce

it's finally time... this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!
0:20

it's finally time... this is css clicker, a fully-featured incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!

Rebane

128,452 görüntüleme • 1 yıl önce

fuck it... fully customizable Shopify theme with custom 3D renders and animations
0:26

fuck it... fully customizable Shopify theme with custom 3D renders and animations

Stefano

23,560 görüntüleme • 1 ay önce