--- title: Best Vercel posts of 2023 | daily.dev description: The most upvoted Vercel posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/vercel/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/vercel/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best Vercel posts of 2023 | daily.dev og:description: The most upvoted Vercel posts of 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Vercel — 2023 1. 1 [](/posts/10-web-development-trends-in-2023-5h3aw-hrx "10 Web Development Trends in 2023") Article Robin Wieruch · 4y 10 Web Development Trends in 2023 The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance. 559 58 2. 2 [](/posts/astro-3-0-zeb8kzxrr "Astro 3.0") Article Community Picks · 3y Astro 3.0 Astro 3.0 is the first major web framework to support the View Transitions API. Fade, slide, morph, and even persist stateful elements across page navigation with ease. New features include Image Optimization (stable) and faster Rendering Performance. 279 12 3. 3 [](/posts/v0-dev-by-vercel-labs-nji2sd5en "v0.dev by Vercel Labs") Article Community Picks · 3y v0.dev by Vercel Labs v0.dev by Vercel Labs A Tweet UI 14 hours ago A cookie consent banner 19 hours ago a sleek pricing page for a SaaS. 18 hours ago. A table of financial invoices 1 hour ago A simple music player 15 hours ago. 253 18 4. 4 [](/posts/monorepo-explained-l2jrzty90 "Monorepo Explained") Article Community Picks · 3y Monorepo Explained There are many great monorepo tools, built by great teams, with different philosophies. We chose these tools because of their usage or recognition in the Web development community. The tools we'll focus on are: Bazel (by Google), Gradle Build Tool (by Gradle, Inc), Lage (by Microsoft), Lerna. 153 5 5. 5 [](/posts/how-to-host-your-side-projects-for-free-in-2023-from-auth-to-database-xiogorsed "How to host your side-projects for free in 2023: from Auth to Database") Article Livecycle · 3y How to host your side-projects for free in 2023: from Auth to Database Hosting side projects without a monthly cost is a great way to bring your ideas to life without breaking the bank. In this article, we’ll explore different categories of services that can help you host your side projects for free in 2023. 132 16 6. 6 [](/posts/how-to-build-a-portfolio-site-with-sanity-and-next-js-w5tklxd9c "How to Build a Portfolio Site with Sanity and Next.js") Article freeCodeCamp · 3y How to Build a Portfolio Site with Sanity and Next.js Sanity is a headless CMS framework for managing content. Sanity is Sanity's open source single-page app for managing your data and operations. You'll learn how to use Sanity as a data source to build a portfolio site with Next.js. In this tutorial you'll be mounting it together with your Next. 116 9 7. 7 [](/posts/build-and-deploy-an-ecommerce-site-with-next-js-tailwind-css-prisma-vercel-and-daisyui-oeo3echcu "Build and Deploy an Ecommerce Site with Next.js, Tailwind CSS, Prisma, Vercel, and daisyUI") Article freeCodeCamp · 3y Build and Deploy an Ecommerce Site with Next.js, Tailwind CSS, Prisma, Vercel, and daisyUI Learn how to build and deploy a full-stack e-commerce website using Next.js, Tailwind CSS, Prisma, Vercel, and DaisyUI. The course covers various topics, such as Next.js server actions, Prisma for database operations, authentication with Next-Auth and Google login, building an amazing UI with TailwindCSS and DaisyUI, and deploying the project to Vercel. 108 1 8. 8 [](/posts/next-js-14-is-now-officially-available-with-addition-of-server-actions-and-partial-prerendering-fea-mnedtjbpp "Next.js 14 is now officially available, with addition of Server Actions and Partial Prerendering features") Article SD Times · 3y Next.js 14 is now officially available, with addition of Server Actions and Partial Prerendering features Next.js 14 introduces significant performance improvements, including faster local server startup and code updates. It also includes Server Actions for data mutations and Partial Prerendering for handling dynamic content. Vercel has also launched a new course on Next.js Learn. 102 1 9. 9 [](/posts/introducing-next-js-commerce-2-0-vercel-jhpdgopbo "Introducing Next.js Commerce 2.0 – Vercel") Article Vercel · 3y Introducing Next.js Commerce 2.0 – Vercel Next.js Commerce is a single provider per repository, resulting in less code and fewer abstractions for your application. The 50th percentile of all ecommerce sites had 101 requests on the homepage on mobile. Ecommerce sites are more complex than they seem on the surface. They make lots of page requests. 99 3 10. 10 [](/posts/introducing-storage-on-vercel-vercel-qtded2cdb "Introducing storage on Vercel – Vercel") Article Community Picks · 3y Introducing storage on Vercel – Vercel Vercel has introduced storage solutions including Vercel KV, Vercel Postgres, and Vercel Blob, making it easier to manage frontend storage needs without worrying about infrastructure. 90 13 11. 11 [](/posts/how-to-build-a-blog-with-the-ghost-api-and-next-js-z0fsu2qau "How to Build a Blog with the Ghost API and Next.js") Article freeCodeCamp · 3y How to Build a Blog with the Ghost API and Next.js Ghost CMS is a popular content management system that many devs and companies use to host their blogs. Ghost CMS doesn't generate static builds, but Next.js does. For React developers, it is easy to build a new blog with Next (since Next is React-based), and you do not need to learn additional tools. 85 11 12. 12 [](/posts/all-new-dynamic-open-graph-images-kp7dqxxrj "All-new dynamic open graph images") Article daily.dev Changelog · 3y All-new dynamic open graph images Sharing posts from daily.dev just got a lot sleeker with new Open Graph images. Check it out 71 16 13. 13 [](/posts/less-code-better-ux-fetching-data-faster-with-the-next-js-13-app-router-vercel-jhuzolgae "Less code, better UX: Fetching data faster with the Next.js 13 App Router – Vercel") Article Vercel · 4y Less code, better UX: Fetching data faster with the Next.js 13 App Router – Vercel Fetch and render dynamic data directly inside React Server Components. Fetching data faster with the Next.js 13 App Router Engineering Friday, February 10th 2023. 71 2 14. 14 [](/posts/announcing-v0-generative-ui-vercel-nxfvjf38g "Announcing v0: Generative UI – Vercel") Article Community Picks · 3y Announcing v0: Generative UI – Vercel v0 is a product that simplifies website creation by combining the best practices of frontend development with the potential of generative AI. It offers a free plan and three paid plans with different credit limits. New features like support for custom design systems, theming, transforming images to code, and further security and access controls will be added in the future. 49 15. 15 [](/posts/an-introduction-to-streaming-on-the-web-vercel-fpkrgeiwo "An Introduction to Streaming on the Web – Vercel") Article Community Picks · 3y An Introduction to Streaming on the Web – Vercel An Introduction to Streaming on the Web. Chunking data, handling backpressure, server-side events, and more. In this blog post, we’ll look at what web streams are; how they work, the many advantages they bring to the table for your website, streaming on Vercel. 48 1 16. 16 [](/posts/introducing-the-vercel-ai-sdk-vercel-sxyzrho9b "Introducing the Vercel AI SDK – Vercel") Article Community Picks · 3y Introducing the Vercel AI SDK – Vercel The Vercel AI SDK is an open-source library designed to help developers build conversational, streaming, and chat user interfaces in JavaScript and TypeScript. The SDK supports React/Next.js, Svelte/SvelteKit, with support for Nuxt/Vue coming soon. 48 6 17. 17 [](/posts/how-to-optimize-next-js-for-production-v9jsffftx "How To Optimize Next.js for Production") Article Codemotion · 3y How To Optimize Next.js for Production Next.js is now considered the framework for building the modern Internet. Next.js comes with built-in optimization features to take the performance of your production application to the next level. In this guide, you will dig into the essential strategies and best practices to deploy Next.JS to production. 43 18. 18 [](/posts/improve-your-search-engine-ranking-with-next-js-on-vercel-vercel-icu06vago "Improve your search engine ranking with Next.js on Vercel – Vercel") Article Vercel · 4y Improve your search engine ranking with Next.js on Vercel – Vercel Learn how Next.js on Vercel can improve your search engine ranking by implementing SEO best practices, including rendering strategies, speed optimization, content strategies, dynamic metadata, smarter navigation, fixing dead ends, and ranking regionally. 27 19. 19 [](/posts/how-turborepo-is-porting-from-go-to-rust-vercel-5fqt5ateo "How Turborepo is porting from Go to Rust – Vercel") Article Vercel · 3y How Turborepo is porting from Go to Rust – Vercel How Turborepo is porting from Go to Rust - Vercel Engineering Friday, July 21st 2023\. Our strategy for making updates and maintaining stability while we migrate languages is in full swing. The goal for the chunk of code being moved is to keep the behavior exactly the same as before it was ported. 26 20. 20 [](/posts/introducing-the-vercel-platforms-starter-kit-vercel-9cuymmkyw "Introducing the Vercel Platforms Starter Kit – Vercel") Article Vercel · 3y Introducing the Vercel Platforms Starter Kit – Vercel The Vercel Platforms Starter Kit is a full-stack Next.js template for building multi-tenant applications with custom domains. It's built with App Router, Vercel Postgres, and the Vercel Domains API. Vercel allows Super to serve 15,000 custom domains and 17 million monthly pageviews. 25 2 21. 21 [](/posts/next-js-13-4-on-vercel-vercel-4vxgsgo6e "Next.js 13.4 on Vercel – Vercel") Article Vercel · 3y Next.js 13.4 on Vercel – Vercel Next.js 13.4 is supported out-of-the-box on Vercel, with pre-configured, global, framework-defined infrastructure. The Next.js App router natively supports streaming responses. Streaming is possible for Node and Edge runtimes with no code changes. 25 22. 22 [](/posts/next-js-weekly-15-rscs-demistified-middlewares-zod-server-actions-kuma-ui-qnzg6wozd "Next.js Weekly #15: RSCs demistified, Middlewares, Zod + Server Actions, Kuma UI") Article Community Picks · 3y Next.js Weekly #15: RSCs demistified, Middlewares, Zod + Server Actions, Kuma UI Next.js Weekly #15: RSCs demistified, Middlewares, Zod + Server Actions, Kuma UI, The Next.js, Next. js Newsletter Rendering rich responses from LLMs. Learn how to use Vercel’s AI SDK with Next.JS to build an AI app that understands markup languages. 24 1 23. 23 [](/posts/vercel-monitoring-vercel-blsugtwce "Vercel Monitoring – Vercel") Article Vercel · 4y Vercel Monitoring – Vercel Introducing Vercel Monitoring - visualize, diagnose, and optimize your sites. Access realtime insights, quickly identify production issues, up-level performance, improve costs, mitigate errors with detailed metrics and custom queries. 24 1 24. 24 [](/posts/vercel-labs-ai-build-ai-powered-applications-with-react-svelte-and-vue-jslnwcyz2 "vercel-labs/ai: Build AI-powered applications with React, Svelte, and Vue") Article Pointer · 3y vercel-labs/ai: Build AI-powered applications with React, Svelte, and Vue The Vercel AI SDK is a library for building edge-ready AI-powered streaming text and chat UIs. Features SWR-powered React, Svelte and Vue helpers for streaming text responses and building chat. First-class support for LangChain and OpenAI, Anthropic, and HuggingFace Edge. 21 25. 25 [](/posts/free-full-stack-hosting-by-webapp-io---product-information-latest-updates-and-reviews-2024-mzxkipf0v "Free full stack hosting by webapp.io - Product Information, Latest Updates, and Reviews 2024") Article Product Hunt · 4y Free full stack hosting by webapp.io - Product Information, Latest Updates, and Reviews 2024 Free full stack hosting by webapp.io is a platform that allows users to create preview environments for their websites using VM configurations. Recent launches include updates to the hosting service. Users can find pro tips for using the platform. 19 1 [See all Vercel archives](/tags/vercel/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/vercel/best-of/2023#page","url":"https://daily.dev/tags/vercel/best-of/2023","name":"Best Vercel Posts of 2023","description":"The most upvoted Vercel posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/vercel/best-of/2023#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/10-web-development-trends-in-2023-5h3aw-hrx","name":"10 Web Development Trends in 2023"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/astro-3-0-zeb8kzxrr","name":"Astro 3.0"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/v0-dev-by-vercel-labs-nji2sd5en","name":"v0.dev by Vercel Labs"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/monorepo-explained-l2jrzty90","name":"Monorepo Explained"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-host-your-side-projects-for-free-in-2023-from-auth-to-database-xiogorsed","name":"How to host your side-projects for free in 2023: from Auth to Database"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-build-a-portfolio-site-with-sanity-and-next-js-w5tklxd9c","name":"How to Build a Portfolio Site with Sanity and Next.js"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/build-and-deploy-an-ecommerce-site-with-next-js-tailwind-css-prisma-vercel-and-daisyui-oeo3echcu","name":"Build and Deploy an Ecommerce Site with Next.js, Tailwind CSS, Prisma, Vercel, and daisyUI"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/next-js-14-is-now-officially-available-with-addition-of-server-actions-and-partial-prerendering-fea-mnedtjbpp","name":"Next.js 14 is now officially available, with addition of Server Actions and Partial Prerendering features"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/introducing-next-js-commerce-2-0-vercel-jhpdgopbo","name":"Introducing Next.js Commerce 2.0 – Vercel"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/introducing-storage-on-vercel-vercel-qtded2cdb","name":"Introducing storage on Vercel – Vercel"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-build-a-blog-with-the-ghost-api-and-next-js-z0fsu2qau","name":"How to Build a Blog with the Ghost API and Next.js"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/all-new-dynamic-open-graph-images-kp7dqxxrj","name":"All-new dynamic open graph images"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/less-code-better-ux-fetching-data-faster-with-the-next-js-13-app-router-vercel-jhuzolgae","name":"Less code, better UX: Fetching data faster with the Next.js 13 App Router – Vercel"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/announcing-v0-generative-ui-vercel-nxfvjf38g","name":"Announcing v0: Generative UI – Vercel"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/an-introduction-to-streaming-on-the-web-vercel-fpkrgeiwo","name":"An Introduction to Streaming on the Web – Vercel"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/introducing-the-vercel-ai-sdk-vercel-sxyzrho9b","name":"Introducing the Vercel AI SDK – Vercel"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-to-optimize-next-js-for-production-v9jsffftx","name":"How To Optimize Next.js for Production"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/improve-your-search-engine-ranking-with-next-js-on-vercel-vercel-icu06vago","name":"Improve your search engine ranking with Next.js on Vercel – Vercel"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/how-turborepo-is-porting-from-go-to-rust-vercel-5fqt5ateo","name":"How Turborepo is porting from Go to Rust – Vercel"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/introducing-the-vercel-platforms-starter-kit-vercel-9cuymmkyw","name":"Introducing the Vercel Platforms Starter Kit – Vercel"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/next-js-13-4-on-vercel-vercel-4vxgsgo6e","name":"Next.js 13.4 on Vercel – Vercel"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/next-js-weekly-15-rscs-demistified-middlewares-zod-server-actions-kuma-ui-qnzg6wozd","name":"Next.js Weekly #15: RSCs demistified, Middlewares, Zod + Server Actions, Kuma UI"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/vercel-monitoring-vercel-blsugtwce","name":"Vercel Monitoring – Vercel"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/vercel-labs-ai-build-ai-powered-applications-with-react-svelte-and-vue-jslnwcyz2","name":"vercel-labs/ai: Build AI-powered applications with React, Svelte, and Vue"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/free-full-stack-hosting-by-webapp-io---product-information-latest-updates-and-reviews-2024-mzxkipf0v","name":"Free full stack hosting by webapp.io - Product Information, Latest Updates, and Reviews 2024"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Vercel","item":"https://daily.dev/tags/vercel"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/vercel/best-of"},{"@type":"ListItem","position":5,"name":"2023"}]}]} ```