{"repo":"aurorascharff/next16-social-media","free":true,"listed":false,"github":"https://github.com/aurorascharff/next16-social-media","clone":"git clone https://github.com/aurorascharff/next16-social-media.git","description":"A dev-flavored social network demo exploring Async React, Cache Components, streaming, and Partial Prefetching with Next.js 16.3, React 19, Tailwind CSS v4, and Shiki.","language":"TypeScript","stars":62,"topics":["app-router","async-react","cache-components","nextjs","optimistic-ui","react19","rsc","server-actions","shiki","suspense"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Next 16 Social Media \"Drop\" A dev-flavored social network that demonstrates Instant Navigations in Next.js 16.3. Live demo → --- The architecture follows the Next.js App Architecture skill and the Component Architecture for React Server Components blog post. Features - Cache Components cache each query with 'use cache' , name the data with cacheTag , and set its lifetime with cacheLife , so repeated reads come from the cache until a tag is invalidated. Per-user reads use 'use cache: private' . - Partial Prefetching prefetches one shared App Shell per route. Links with prefetch={true} also resolve dynamic params and searchParams , including the cached content behind them while uncached data streams after navigation. - Hover-triggered prefetch delays URL-specific prefetches for profiles, posts, and tags until the pointer or focus reaches a link, avoiding a separate prefetch for every destination in view. - Server Functions run mutations such as posting a drop or following someone on the server, and invalidate only the tags they change with updateTag , which re-prefetches the affected routes so they stay instant and reflect the change. - React Compiler memoizes components and hooks automatically, so the code needs no manual useMemo or useCallback . - View Transitions animate the tab underline as a shared element, transition rows as the lists change, and cross-fade content as it streams in from Suspense. - Async React keeps the UI interactive during server work with Suspense , us","default_branch":null,"files":null,"tree":[],"storefront":"/r/aurorascharff","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/aurorascharff/next16-social-media/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}