--- title: Best Vercel posts of 2022 | daily.dev description: The most upvoted Vercel posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/vercel/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/vercel/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Vercel posts of 2022 | daily.dev og:description: The most upvoted Vercel posts of 2022, 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 — 2022 1. 1 [](/posts/learn-next-js-for-scalable-web-apps-uiwr4haqa "Learn Next.js for Scalable Web Apps") Article freeCodeCamp · 4y Learn Next.js for Scalable Web Apps Next.js is built on top of React, which is a popular JavaScript library for building user interfaces. It also includes features such as automatic code splitting and optimized performance out of the box. You will also learn how to deploy the app using Vercel and to sync up GitHub with Vercel. 211 11 2. 2 [](/posts/the-state-of-frontend-in-2022-f7xsx27d "The State of Frontend in 2022") Article Pointer · 4y The State of Frontend in 2022 The State of Frontend in 2022 analysis of 3,700 respondents from 125 countries. The 5 countries with the most responses were the US, Poland, UK, Germany and India. Only 18% of people filling out the survey said they work at non-tech-first companies. 142 1 3. 3 [](/posts/astro-1-0-opwkfsmtg "Astro 1.0") Article Hacker News · 4y Astro 1.0 Astro v1.0 is a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. Astro has already been Addy Osmani, Software Engineer, Google Chrome Astro’s fast performance is even more noticeable to end users. 108 7 4. 4 [](/posts/build-your-own-web-framework-vercel-zw4igsfdw "Build Your Own Web Framework – Vercel") Article Vercel · 4y Build Your Own Web Framework – Vercel ReactDOM Server exposes a method called renderToString, which takes a React component and returns the corresponding HTML output. To support static pages, we first have to implement a transpilation step that turns React-based pages into static HTML. To hydrate dynamic components, we can export a string literal that our bundler eventually uses to create a custom hydration script for individual pages. 107 2 5. 5 [](/posts/my-favorite-resources-being-a-freelancer-as-a-side-hustle-l-zflazcw "My favorite resources being a freelancer as a side hustle") Article Community Picks · 4y My favorite resources being a freelancer as a side hustle A freelancer has shared his favorite resources to help you with creating new quality stuff, quicker. "Better’ will always be a losing game for your brand. You just need to be wiser while building, making more, and spending less. You can actually pick something that interest you! 79 6 6. 6 [](/posts/blog---next-js-13-1-v1envxtt "Blog - Next.js 13.1") Article Next.js · 4y Blog - Next.js 13.1 Next.js 13.1 includes improvements to both the (stable) and (beta) directories. New routing and data fetching system can be incrementally adopted alongside your existing directory. New TypeScript plugin provides suggestions for page and layout configuration options, brings helpful usage hints around Server and Client Components. 71 3 7. 7 [](/posts/at-next-js-conf-2022-learn-to-build-better-and-scale-faster-vercel-jmcv87qlh "At Next.js Conf 2022, learn to build better and scale faster – Vercel") Article Vercel · 4y At Next.js Conf 2022, learn to build better and scale faster – Vercel At Next.js Conf 2022, learn to build better and scale faster. This year's presentations will be our best yet, starting with the keynote by Guillermo Rauch. Join us virtually, along with some of the brightest minds in the React ecosystem, for the conference. 50 4 8. 8 [](/posts/how-to-build-a-fullstack-app-with-next-js-prisma-and-postgresql-tlrot3bch "How to Build a Fullstack App with Next.js, Prisma, and PostgreSQL") Article Community Picks · 4y How to Build a Fullstack App with Next.js, Prisma, and PostgreSQL Next.js is a next-generation ORM that can be used to access a database in Node.js and TypeScript applications. In this guide, you'll learn how to implement a fullstack sample blogging application using the following technologies. You'll use a single PrismaClient instance that you can import into any file where it's needed. You can create a new User record by calling prisma.create() or retrieve all the Post records from the database. 48 9. 9 [](/posts/how-to-deploy-a-next-js-app-to-production-tzfnvm-vf "How to deploy a Next.js app to production") Article asayer · 4y How to deploy a Next.js app to production Next.js is a robust framework for building static and Server-Side Rendering (SSR) applications. It's one thing to create a Next.js application and another to deploy it to a website and take advantage of its SEO and SSR capabilities. 46 2 10. 10 [](/posts/withastro-astro-build-faster-websites-with-astro-s-next-gen-island-architecture-bde-l0tfy "withastro/astro: Build faster websites with Astro's next-gen island architecture") Article Pointer · 4y withastro/astro: Build faster websites with Astro's next-gen island architecture Astro is a website build tool for the modern web — powerful developer experience meets lightweight output. Astro is generously supported by Netlify, Vercel, and several other amazing organizations. We'll help you get your first contribution in no time! 43 5 11. 11 [](/posts/serving-millions-of-users-on-the-new-mrbeast-storefront-vercel--i4xrfnqk "Serving millions of users on the new MrBeast storefront – Vercel") Article Vercel · 4y Serving millions of users on the new MrBeast storefront – Vercel Revolt, Shopify, Axiom and Vercel Vercel created the new MrBeast storefront for MrBeast. The site was built to support peak traffic, when peak traffic means a fanbase of over 100 million Youtube subscribers. 37 2 12. 12 [](/posts/how-to-deploy-your-react-app-using-cloudflare-pages-vercel-and-netlify-tu9hijhgt "How to Deploy Your React App Using Cloudflare Pages, Vercel, and Netlify") Article freeCodeCamp · 4y How to Deploy Your React App Using Cloudflare Pages, Vercel, and Netlify How to Deploy a React App with Cloudflare Pages, Vercel, and Netlify are the best ways to deploy your React application. You can deploy unlimited sites with unlimited bandwidth for free for free. Vercel is optimized for projects that are built with Next.js, including Create React App and Gatsby. 28 1 13. 13 [](/posts/how-we-made-the-vercel-dashboard-twice-as-fast-vercel-s3twu0qve "How we made the Vercel Dashboard twice as fast – Vercel") Article Vercel · 4y How we made the Vercel Dashboard twice as fast – Vercel Engineering Team took the Lighthouse score for our Dashboard from 51 to 94\. Let’s review the techniques and strategies we used so you can make a data-driven impact on your application. Let's build a hook for detecting if an element is in the viewport. The 200vh element will push the below our viewport on page load. 27 14. 14 [](/posts/build-a-full-stack-app-with-next-js-and-supabase-nq3rebeda "Build a full stack app with Next.js and Supabase") Article LogRocket · 4y Build a full stack app with Next.js and Supabase Next.js is an open source Firebase alternative with a lot of powerful tools, including seamless authentication. Next.js and Supabase are one of the easiest and most popular ways to build production-ready React applications. Use React's useEffect to optimize your application's performance Switch between multiple versions of Node. 26 2 15. 15 [](/posts/how-to-build-a-multi-tenant-app-with-custom-domains-using-next-js-eavpt6ktg "How to Build a Multi-Tenant App with Custom Domains Using Next.js") Article Community Picks · 4y How to Build a Multi-Tenant App with Custom Domains Using Next.js Use the Platforms Starter Kit to kickstart our Next.js project. In this guide, you'll learn how to build a full-stack multi-tenant application with Custom Domains. You'll need to replace all instances of vercel.pub with your own domain to configure rewrites correctly. 24 1 16. 16 [](/posts/steven-tey-dub-an-open-source-link-shortener-with-built-in-analytics-free-custom-domains--x29uewjid "steven-tey/dub: An open-source link shortener with built-in analytics + free custom domains.") Article Pointer · 4y steven-tey/dub: An open-source link shortener with built-in analytics + free custom domains. Dub is an open-source link shortener SaaS with built-in analytics + free custom domains. Built with Vercel Edge Functions and Upstash Redis. Dub provides a powerful analytics dashboard for your links, including geolocation, device, and browser information. 24 2 17. 17 [](/posts/what-s-new-in-svelte-august-2022-gxao-thky "What's new in Svelte: August 2022") Article Svelte Blog · 4y What's new in Svelte: August 2022 July was the third largest month for SvelteKit changes since its inception. Vite 3 and 'vite.js' are now supported. The @layer CSS at-rule is now supported in Sveltte components (3.49.0, PR) The inert HTML attribute is nowsupported in Mail Must Move is an email made for those who want to get more done. 23 18. 18 [](/posts/the-complete-list-of-heroku-alternatives-to-consider-c3yzsfbfz "The Complete List of Heroku Alternatives to Consider") Article DEV · 4y The Complete List of Heroku Alternatives to Consider Heroku will be shutting down its free tier in the coming months. Starting October 26, 2022, we will begin deleting inactive accounts and associated storage for accounts that have been inactive for over a year. Some people are looking for free alternatives to replace their current Heroku arrangement. Some are smaller companies that are just getting started. 22 1 19. 19 [](/posts/comparing-databases-for-vercel-and-netlify-cg8vynlpk "Comparing databases for Vercel and Netlify") Article Fauna · 4y Comparing databases for Vercel and Netlify Fauna's database delivered as an API can help you accelerate development and give you the confidence to scale. Join us August 23 at 9:00 a.m. PT for a technical deep dive into how you can ship dynamic frontend applications using Fauna integrated with frontend platforms like Netlify and Vercel. 20 20. 20 [](/posts/building-a-powerful-notification-system-for-vercel-with-knock-vercel-nzq7wdi2h "Building a powerful notification system for Vercel with Knock – Vercel") Article Vercel · 4y Building a powerful notification system for Vercel with Knock – Vercel Building a powerful notification system for Vercel with Knock with Knock Friday, December 16th 2022 Engineering Friday. We're excited to release our new notification system as a public beta. In this blog post, we'll dive into how we leveraged Knock to create a notification system that enables you to configure your notifications to increase the signal. 18 21. 21 [](/posts/javascript-landscape-is-exciting-again-5chhnoxwp "JavaScript landscape is exciting again") Article Community Picks · 4y JavaScript landscape is exciting again Next-gen tooling Next-gen compilers/bundlers came out seemingly out of nowhere. Both esbuild and SWC (Rust) provide a freaking 10x-100x speedup depending on what you're currently using to build your JS and TS files. 17 2 22. 22 [](/posts/deploy-an-api-tool-in-10-minutes-vagxd00h4 "Deploy an API tool in 10 minutes") Article AWS Tip · 4y Deploy an API tool in 10 minutes The core idea of Serverless is to make the server as a computing resource no longer need the attention of users. FaaS (Functions as a Service) functions as a service. Later, we will use the serverless API to implement a service that uses Node to help clients send API requests and get responses. 15 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/2022#page","url":"https://daily.dev/tags/vercel/best-of/2022","name":"Best Vercel Posts of 2022","description":"The most upvoted Vercel posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/vercel/best-of/2022#items","numberOfItems":22,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/learn-next-js-for-scalable-web-apps-uiwr4haqa","name":"Learn Next.js for Scalable Web Apps"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-state-of-frontend-in-2022-f7xsx27d","name":"The State of Frontend in 2022"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/astro-1-0-opwkfsmtg","name":"Astro 1.0"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/build-your-own-web-framework-vercel-zw4igsfdw","name":"Build Your Own Web Framework – Vercel"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/my-favorite-resources-being-a-freelancer-as-a-side-hustle-l-zflazcw","name":"My favorite resources being a freelancer as a side hustle"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/blog---next-js-13-1-v1envxtt","name":"Blog - Next.js 13.1"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/at-next-js-conf-2022-learn-to-build-better-and-scale-faster-vercel-jmcv87qlh","name":"At Next.js Conf 2022, learn to build better and scale faster – Vercel"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-build-a-fullstack-app-with-next-js-prisma-and-postgresql-tlrot3bch","name":"How to Build a Fullstack App with Next.js, Prisma, and PostgreSQL"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-deploy-a-next-js-app-to-production-tzfnvm-vf","name":"How to deploy a Next.js app to production"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/withastro-astro-build-faster-websites-with-astro-s-next-gen-island-architecture-bde-l0tfy","name":"withastro/astro: Build faster websites with Astro's next-gen island architecture"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/serving-millions-of-users-on-the-new-mrbeast-storefront-vercel--i4xrfnqk","name":"Serving millions of users on the new MrBeast storefront – Vercel"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-deploy-your-react-app-using-cloudflare-pages-vercel-and-netlify-tu9hijhgt","name":"How to Deploy Your React App Using Cloudflare Pages, Vercel, and Netlify"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-we-made-the-vercel-dashboard-twice-as-fast-vercel-s3twu0qve","name":"How we made the Vercel Dashboard twice as fast – Vercel"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/build-a-full-stack-app-with-next-js-and-supabase-nq3rebeda","name":"Build a full stack app with Next.js and Supabase"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-build-a-multi-tenant-app-with-custom-domains-using-next-js-eavpt6ktg","name":"How to Build a Multi-Tenant App with Custom Domains Using Next.js"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/steven-tey-dub-an-open-source-link-shortener-with-built-in-analytics-free-custom-domains--x29uewjid","name":"steven-tey/dub: An open-source link shortener with built-in analytics + free custom domains."},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/what-s-new-in-svelte-august-2022-gxao-thky","name":"What's new in Svelte: August 2022"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/the-complete-list-of-heroku-alternatives-to-consider-c3yzsfbfz","name":"The Complete List of Heroku Alternatives to Consider"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/comparing-databases-for-vercel-and-netlify-cg8vynlpk","name":"Comparing databases for Vercel and Netlify"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/building-a-powerful-notification-system-for-vercel-with-knock-vercel-nzq7wdi2h","name":"Building a powerful notification system for Vercel with Knock – Vercel"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/javascript-landscape-is-exciting-again-5chhnoxwp","name":"JavaScript landscape is exciting again"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/deploy-an-api-tool-in-10-minutes-vagxd00h4","name":"Deploy an API tool in 10 minutes"}]},{"@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":"2022"}]}]} ```