What's the folder structure of the zillow's "product page"??
I want to replicate the "product page" of zillow.com. It shows a modal instead of the product page but you can see how the url changes too. Also if you paste that url in the browser it will open the same page but not in a modal format. What would be the folder structure of this in nextjs? (.) ?
https://www.zillow.com/homes/for_sale/
6 Replies
https://youtu.be/d5x0JCZbAJs?si=xNy_J5YVAa-edmia&t=5527
&
https://nextjs.org/docs/app/building-your-application/routing/parallel-routes
&
https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes
Theo - t3․gg
YouTube
From 0 to Production - The Modern React Tutorial (RSCs, Next.js, Sh...
The Modern React Tutorial is FINALLY done. This one took awhile.
Shoutout to ALL the awesome sponsors who made this possible:
- Vercel
- Clerk
- Posthog
- Sentry
- Upstash
NOTES I MENTION DURING VIDEO
"Nextgram": https://github.com/vercel/nextgram/tree/main/app
"useUploadThingInputProps": https://gist.github.com/t3dotgg/0464ca78e94acce80ba04ca...
Routing: Parallel Routes | Next.js
Simultaneously render one or more pages in the same view that can be navigated independently. A pattern for highly dynamic applications.
Routing: Intercepting Routes | Next.js
Use intercepting routes to load a new route within the current layout while masking the browser URL, useful for advanced routing patterns such as modals.
thank you man i made it work with parallel routes
I just have this question now, why is it automatically scrolling to the "modal-root" div? I mean it works when I place it down, but when I move the div to the top, it will automatically scroll the page
i'm using a react portal
if I don't use a portal it will always scroll up or down where the props.modal is altought it has a fixed css class
Do you know if there's anything like this but for the pages router 🤔
Not sure, I would check the next documentation