Vercel

Vercel now has first-party integrations with: • Supabase • Redis • EdgeDB Start free or purchase storage at the same price as going direct. Storage add-ons support integrated billing, direct connections to provider consoles, and more. https://lnkd.in/gnMNmH3Z

Next.js Conf tickets are here. Join us in SF or online Oct 24. • Sessions led by you (apply today) • Hands-on workshops led by Next.js experts • Meet and learn from the community Register now and apply to speak: vercel.fyi/nextjsconf24

Next.js Conf tickets are here. Join us in SF or online Oct 24. • Sessions led by you (apply today) • Hands-on workshops led by Next.js experts • Meet and learn from the community Register now and apply to speak: vercel.fyi/nextjsconf24

Simplify AI development. Learn to evaluate use cases, set KPIs, and integrate AI into your team's workflow. Start building impactful AI features today. https://lnkd.in/gKNv2UJn

v0's new conversational UI (v0.dev/chat): • Up-to-date Next.js, React, and web knowledge • Improved client components support • Ability to run npm packages like framer-motion • Faster and more reliable streaming Here's some examples of what v0 can do ↓ • Explain Next.js caching: https://lnkd.in/gPsBEnKu • MS Paint clone: https://lnkd.in/gktGXi9K • Interactive game with framer-motion: https://lnkd.in/gkg_Y8Ks • Complex 3D effects + physics: https://lnkd.in/gg4r4un6 • Run a binary search: https://lnkd.in/g5Fa3UEy • Snake game with user-uploaded sprites: https://lnkd.in/gq9k_8ST • Bullet chess game: https://lnkd.in/gQmUbMim • How to use `generateViewport` with Next.js: https://lnkd.in/gWUwRZ-F • File tree editor: https://lnkd.in/g5gTppbH • Onboarding wizard: https://lnkd.in/gcHJUd7K • Diagram of an HTTP request https://lnkd.in/g6Z4wnCu • LaTeX support: https://lnkd.in/gwJS5mZJ Up-to-date knowledge of more popular frameworks and libraries will be added soon. Try the public beta today: https://v0.dev/chat

Perplexity is now running on Next.js App Router. This is quite exciting because one of the inspirations for App Router & RSC was to democratize the extremely dynamic rendering power of systems like Google Search and Facebook. When you search for “weather in SF” or “Olympics medal leaderboard”, Google is able to dynamically render and stream data together with UI that the client has never seen before. Unlike SPAs or other monolithically constructed apps, product teams are empowered to ship and experiment without the fear that their work slows down the rest of the system. If you thought it was already fast, stay tuned… https://perplexity.ai

Join us Aug 27 for an online developer workshop led by Vercel and Optimizely. Learn how to experiment quickly and safely, without sacrificing performance or user experience, like Calendly who increased lead conversions by 11.2%. Register now: https://lnkd.in/gg5Bqqpd

How should you search, filter, and paginate data with Next.js? This demo has 50,000 books in a Postgres database. • Page Load: When the page loads, we see the React Suspense fallback. This loading skeleton is displayed until the first page of books is retrieved from the database. • Searching: The search input has a 200ms debounce. After 200ms of inactivity, the form submits, updating the URL state with `?q={search}`. The Server Component reads `searchParams` and queries the database. On form submission, a React transition starts, allowing us to read the pending status with `useFormStatus` to display an inline loading state. • State Preservation: Navigating to an individual book page retains the search input state. Reloading the page or sharing the link preserves the search results. • Client-side Filtering: Filtering authors in the left sidebar is done client-side. Authors are fetched by a Server Component and passed as props to the sidebar. Changing the input value updates React state and re-renders the sidebar. • Optimistic Updates: The sidebar’s selected authors are optimistically updated with `useOptimistic`. Checkbox selections update instantly without waiting for the URL to change. • State Preservation: Navigating to an individual book page retains the sidebar filter input and selected author state across navigations, giving it an app-like feel. • Pagination: Navigating between pages updates the URL state, triggering the Server Component to query the database for the specific page of books. We also fetch the total book count to show the total number of pages. This demo isn't perfect yet (still working on it) but it's been a fun playground for some of these patterns. You can imagine a similar experience for thousands of movies, cars, products, or any other very large dataset. Demo → https://lnkd.in/gbCxGZre Code → https://lnkd.in/gBxk_d98 Deploy your own → https://lnkd.in/gysmizq6

Vercel AI SDK 3.3 • Tracing (OTEL with Datadog, Axiom, Sentry, and more) • Multi-modal file attachments (`useChat`) • Stream object generation (`useObject`) • JSON for tools, structured object generation, and more https://lnkd.in/gEimF_3w

We analyzed over 100,000 Googlebot fetches to figure out just how Google handles JavaScript throughout its crawling, rendering, and indexing processes. Here's what we found. — Myth: "Google can't render client-side JavaScript." Reality: Google completely renders 100% of HTML pages, unless they would otherwise throw an error. — Myth: "Google treats JavaScript pages differently." Reality: Regardless of JavaScript complexity, Google successfully renders pages and discovers links. — Myth: "Rendering queue and timing significantly impact SEO." Reality: Most pages spend less than 20 seconds in the rendering queue. — Myth: "JavaScript-heavy sites have slower page discovery." Reality: Sitemaps eliminate any differences between discovery across rendering methods. — Read our analysis and recommendations to optimize your site for Google. https://lnkd.in/ges5ixwj