--- title: Best Supabase posts of 2022 | daily.dev description: The most upvoted Supabase posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/supabase/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/supabase/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Supabase posts of 2022 | daily.dev og:description: The most upvoted Supabase 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 Supabase — 2022 1. 1 [](/posts/i-design-you-build---frontend-challenge-4-supabase-version--hildepmm0 "I Design, You Build! - Frontend Challenge #4 (Supabase version)") Article Hashnode · 4y I Design, You Build! - Frontend Challenge #4 (Supabase version) This is the first prizes giveaway for "I Design, You Build" series. There will be AWESOME SWAG prizes to rewards 5 winners that has the best submission (I will be the judge) The judging period will be 1 month time from the today! Dateline for submission will be 7 May 2022. 163 2. 2 [](/posts/the-best-backend-as-a-service-for-your-react-app-u5uufe7gz "The Best Backend as a Service for your React App") Article freeCodeCamp · 4y The Best Backend as a Service for your React App Firebase has dominated the backend-as-a-service space for many years, but Supabase has emerged as a great alternative. Supabase allows you to take your code and deploy it wherever you like. You can build your app, deploy it to Supabase's servers, or you can Deploy it to your own hosting service. 60 2 3. 3 [](/posts/new-supabase-docs-built-with-next-js-s7ns8n9ln "New Supabase Docs, built with Next.js") Article Supabase · 4y New Supabase Docs, built with Next.js New Supabase Docs, built with Next.js, are a new version of Supabase's documentation tool. For a developer tool, documentation is more than a resource - it’s part of the product. For the past two years at Supabase, this part of our product hasn't been great. 40 4. 4 [](/posts/docusaurus-2-0-meta-s-static-site-generator-to-build-beautiful-documentation-websites-kr5y6mza1 "Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites") Article Hashnode · 4y Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites Docusaurus 2.0 is a documentation static-site-generator, based on Node.js and React. It allows you to focus on content: just write Markdown files. It is already powering many great docs sites you know: React-Native, Redux, Tauri, Electron, Courier, Figma. 38 10 5. 5 [](/posts/building-an-image-gallery-with-next-js-supabase-and-tailwind-css-lee-robinson-dcnoliomk "Building an Image Gallery with Next.js, Supabase, and Tailwind CSS – Lee Robinson") Article Lee Robinson · 5y Building an Image Gallery with Next.js, Supabase, and Tailwind CSS – Lee Robinson This tutorial shows you how to create a Next.js application that fetches content from a Postgres database. It also serves optimized, blur-up images with next/image and styles components with Tailwind CSS. I used this to create swag.vercel.app, which is a collection of tweets. 38 1 6. 6 [](/posts/supabase-vault-d1t-ngtt3 "Supabase Vault") Article Supabase · 4y Supabase Vault Supabase Vault is a Postgres extension for managing secrets and encryption inside your database. For self-hosting, pgsodium supports a variety of ways to place the root key into Postgres. To see the decrypted data, there is a special view created called vault. The actual raw key is not available to you in SQL, it is managed entirely outside of the SQL language in the Postgres server. If you take a backup or pause your project, that data remains encrypted. 37 1 7. 7 [](/posts/supabase-trpc--2v-qwcctm "Supabase + tRPC = ❤️") Article Community Picks · 4y Supabase + tRPC = ❤️ Supabase is great, and I can generate types from Supabase directly by following the doc. But the generated types are not suitable to be inferred directly through tRPC routers, since I am only able to grab the main types from its, but not the exact types that I am returning from the API. 35 1 8. 8 [](/posts/pocketbase---open-source-realtime-backend-in-1-file-dlgdgw8mb "PocketBase - Open Source realtime backend in 1 file") Article Product Hunt · 4y PocketBase - Open Source realtime backend in 1 file PocketBase is an open source Go backend that has embedded realtime database, files and users management, admin UI and REST-ish API, all compiled in 1 portable executable. You could think of it as a lightweight alternative to Firebase or Supabase. For more information on PocketBase click here. 34 9. 9 [](/posts/supabase-realtime-with-multiplayer-features-zlllfx1vb "Supabase Realtime, with Multiplayer Features") Article Supabase · 5y Supabase Realtime, with Multiplayer Features Today is Supabase Realtime Day, where we announce and demo the next version of Realtime. The next and third major version introduces multi-tenancy to listen to many databases. This new version introduces a distributed cluster of nodes, which introduces better resource utilization, fault-tolerance, and lower latencies. 31 1 10. 10 [](/posts/graphql-is-now-available-in-supabase-fff-ynoqf "GraphQL is now available in Supabase") Article Supabase · 5y GraphQL is now available in Supabase GraphQL support is now in general availability on the Supabase platform via our open source PostgreSQL extension, \`pg\_graphql (beta)\`.pg\_ graphql enables you to query existing PostgreSQL databases using GraphQL. GraphQL queries are always transpiled into exactly one SQL query. 30 11. 11 [](/posts/custom-domain-names-j6axtul4p "Custom Domain Names") Article Supabase · 4y Custom Domain Names Custom domains allow you to use your own domain for your Supabase project. Today, we're making Custom Domains generally available, and they're now accessible as a paid add-on. Vanity Subdomains are offered at no additional cost for all projects on a paid plan. 27 12. 12 [](/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 13. 13 [](/posts/edge-functions-are-now-available-in-supabase-ctbafdkkr "Edge Functions are now available in Supabase") Article Supabase · 5y Edge Functions are now available in Supabase Edge Functions are executed on the secure-by-default Deno runtime, and deployed around the world in seconds using Deno's hosted Deno Deploy offering. As a user of Supabase Edge Functions, you don't need to know or worry about any of that; we handle all the gnarly details. 26 5 14. 14 [](/posts/fetching-and-caching-supabase-data-in-next-js-13-server-components-aatgkn4sl "Fetching and caching Supabase data in Next.js 13 Server Components") Article Supabase · 4y Fetching and caching Supabase data in Next.js 13 Server Components The biggest announcement from Next.js Conf 2022 was the release of next.js 13, which introduces a collection of improvements, most exciting of which is Server Components. The combination of Server Components and Suspense allow for a more streamlined, reimagined way to fetch and cache data. 19 15. 15 [](/posts/what-s-new-in-svelte-november-2022-3dixkd4ug "What's new in Svelte: November 2022") Article Svelte Blog · 4y What's new in Svelte: November 2022 Better forms, routes and inline styles are new in SvelteKit. The global fetchoverride has been removed when prerendering (#7318) Asm editor is a webapp to write and run m68k assembly code. Nucleus is a clean and easy to use user interface inspired by Visual Studio Code, Atom, Fleet and others. 18 16. 16 [](/posts/supabrew---never-code-thirsty-2pbo18bxa "Supabrew - Never Code Thirsty") Article Supabase · 5y Supabrew - Never Code Thirsty SupaBrew is an all-natural, light and refreshing non-alcoholic beer. Made from 3 open source ingredients: Barley, Hops, and Water. Each bottle is made from recycled CRT monitors, and the labels are made from Ubuntu stickers leftover from last years’ FOSDEM. 15 1 17. 17 [](/posts/realtime-multiplayer-by-supabase---easily-build-real-time-apps-that-enables-user-collaboration-2ufxerabn "Realtime Multiplayer by Supabase - Easily build real-time apps that enables user collaboration") Article Product Hunt · 5y Realtime Multiplayer by Supabase - Easily build real-time apps that enables user collaboration 14 18. 18 [](/posts/launch-week-5-hackathon-coww15qtu "Launch Week 5 Hackathon") Article Supabase · 4y Launch Week 5 Hackathon The Supabase Open Source Hackathon begins at 8:00am PT Friday 12th August 2022\. There's a $1500 GitHub sponsorship and gold Supabase caps to be won! Supabase-js v2.0 and Flutter SDK v1.0 will both be announced during Launch Week. 12 19. 19 [](/posts/flutter-tutorial-building-a-flutter-chat-app-cdbvq-ezf "Flutter Tutorial: building a Flutter chat app") Article Supabase · 4y Flutter Tutorial: building a Flutter chat app This is the first of a series of Flutter Tutorials. During the series, you will learn how to build cross-platform apps without worrying about the backend. In the first part, we will build a chat application where users can sign up and talk to other users in a single chat room. The exchange of messages will happen in real time, meaning that you do not have to refresh the page to load new messages. 11 [See all Supabase archives](/tags/supabase/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/supabase/best-of/2022#page","url":"https://daily.dev/tags/supabase/best-of/2022","name":"Best Supabase Posts of 2022","description":"The most upvoted Supabase posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/supabase/best-of/2022#items","numberOfItems":19,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/i-design-you-build---frontend-challenge-4-supabase-version--hildepmm0","name":"I Design, You Build! - Frontend Challenge #4 (Supabase version)"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-best-backend-as-a-service-for-your-react-app-u5uufe7gz","name":"The Best Backend as a Service for your React App"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/new-supabase-docs-built-with-next-js-s7ns8n9ln","name":"New Supabase Docs, built with Next.js"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/docusaurus-2-0-meta-s-static-site-generator-to-build-beautiful-documentation-websites-kr5y6mza1","name":"Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/building-an-image-gallery-with-next-js-supabase-and-tailwind-css-lee-robinson-dcnoliomk","name":"Building an Image Gallery with Next.js, Supabase, and Tailwind CSS – Lee Robinson"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/supabase-vault-d1t-ngtt3","name":"Supabase Vault"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/supabase-trpc--2v-qwcctm","name":"Supabase + tRPC = ❤️"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/pocketbase---open-source-realtime-backend-in-1-file-dlgdgw8mb","name":"PocketBase - Open Source realtime backend in 1 file"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/supabase-realtime-with-multiplayer-features-zlllfx1vb","name":"Supabase Realtime, with Multiplayer Features"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/graphql-is-now-available-in-supabase-fff-ynoqf","name":"GraphQL is now available in Supabase"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/custom-domain-names-j6axtul4p","name":"Custom Domain Names"},{"@type":"ListItem","position":12,"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":13,"url":"https://daily.dev/posts/edge-functions-are-now-available-in-supabase-ctbafdkkr","name":"Edge Functions are now available in Supabase"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/fetching-and-caching-supabase-data-in-next-js-13-server-components-aatgkn4sl","name":"Fetching and caching Supabase data in Next.js 13 Server Components"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/what-s-new-in-svelte-november-2022-3dixkd4ug","name":"What's new in Svelte: November 2022"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/supabrew---never-code-thirsty-2pbo18bxa","name":"Supabrew - Never Code Thirsty"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/realtime-multiplayer-by-supabase---easily-build-real-time-apps-that-enables-user-collaboration-2ufxerabn","name":"Realtime Multiplayer by Supabase - Easily build real-time apps that enables user collaboration"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/launch-week-5-hackathon-coww15qtu","name":"Launch Week 5 Hackathon"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/flutter-tutorial-building-a-flutter-chat-app-cdbvq-ezf","name":"Flutter Tutorial: building a Flutter chat app"}]},{"@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":"Supabase","item":"https://daily.dev/tags/supabase"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/supabase/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```