Best of Supabase2024

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Mobile App Development Course with React Native, Supabase, Next.js

    Learn to build a complete e-commerce mobile app with React Native, Supabase, Stripe, and Next.js through a comprehensive freeCodeCamp course. The course covers front-end design, secure back-end setup, payment integration, and deployment, making it ideal for full-stack developers aiming to enhance their skills.

  2. 2
    Article
    Avatar of supabaseSupabase·2y

    Supabase + Vercel Partnership

    Vercel has launched official First-Party Integrations, including Supabase, making it easier to manage Postgres databases directly from the Vercel dashboard. This integration supports Vercel Templates, unified billing, and offers dedicated Postgres instances, modular building blocks like AI and Auth, low latency with read replicas, and secure, scalable solutions. It's currently in Public Alpha as of August 28, 2024.

  3. 3
    Article
    Avatar of supabaseSupabase·2y

    Building offline-first mobile apps with Supabase, Flutter and Brick

    Building offline-first mobile apps improves user experience by ensuring app usability in areas with poor connectivity. Using Supabase and Brick with Flutter allows data to be cached locally, minimizing round trip times and enabling apps to function smoothly offline. Brick manages local and remote state synchronization, providing code generation for serialization/deserialization and handling migrations automatically.

  4. 4
    Article
    Avatar of communityCommunity Picks·2y

    The Hard Parts of Building an Application, Made Easy with Supabase

    The post discusses the author's experience with the Two Week Build Challenge and how they used Supabase, Remix, and Astro for building their application.

  5. 5
    Article
    Avatar of communityCommunity Picks·2y

    The ultimate Supabase self-hosting Guide

    This guide provides detailed instructions on self-hosting Supabase for production use. It covers setting up initial storage options beyond Amazon S3, using DigitalOcean credits, and securing your setup with Docker, nginx, and optional advanced authentication with Authelia. The guide ensures you maintain a secure production environment by avoiding common pitfalls and leveraging various cloud providers.

  6. 6
    Article
    Avatar of supabaseSupabase·2y

    Building an Uber Clone with Flutter and Supabase

    This tutorial guides you through building an Uber-like app using Flutter and Supabase, focusing on real-time location tracking using the PostGIS extension. The steps include setting up dependencies, creating and managing databases, and implementing real-time tracking for a consumer-facing app. The guide demonstrates using Supabase Edge Functions to handle routes and real-time updates, and provides a foundation for further development of features like payments and driver ratings.

  7. 7
    Article
    Avatar of codewithandreaCode with Andrea·2y

    How I Built a Modern Course Platform in 2024

    The author built a modern course platform for Flutter developers, using technologies like Astro, Supabase, TypeScript, and TailwindCSS. They faced challenges with email link authentication. The running costs for the platform are estimated to be $214 per month. The author is offering a 33% discount on their courses.

  8. 8
    Article
    Avatar of communityCommunity Picks·2y

    How to Create a Secure Newsletter Subscription with NextJS, Supabase, Nodemailer and Arcjet 🔐💯

    Learn how to build a secure newsletter subscription form using NextJS, Supabase, Nodemailer, and Arcjet. This guide addresses common challenges like spam sign-ups, email validation, and bot protection, integrating robust security measures and validation techniques for a seamless double opt-in process.

  9. 9
    Article
    Avatar of supabaseSupabase·2y

    Postgres Realtime location sharing with MapLibre

    Learn how to build a Telegram Bot to capture live location data and use a Supabase Edge Function to insert it into a Postgres database. The tutorial covers using Supabase Realtime to broadcast database changes and integrating MapLibre GL JS in React to visualize the live data on a map. Key topics include creating Edge Functions, using RPC for database operations, and setting up Realtime subscriptions in React.

  10. 10
    Article
    Avatar of gopenaiGoPenAI·2y

    Building a Custom Chatbot with Next.js, Langchain, OpenAI, and Supabase.

    Build a custom chatbot with Next.js for the frontend, MaterialUI for UI components, Langchain and OpenAI for language model interactions, and Supabase to store data and embeddings. The chatbot can be trained with custom data from PDF files and answer questions based on the content.

  11. 11
    Article
    Avatar of supabaseSupabase·2y

    Self-host Maps with Protomaps and Supabase Storage

    Learn how to self-host maps using Protomaps and Supabase Storage. This tutorial guides you through extracting an area into a PMTiles file, uploading it to Supabase Storage, rendering it on a web page using MapLibre, and using Supabase Edge Functions to restrict file access. This setup allows for a customized and secure map hosting solution.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    Magic-Link Sign-In: Next.js, Supabase, Sendgrid

    Learn how to build a simple Magic-Link Sign-In system using Next.js, Supabase, and SendGrid. It eliminates the need for passwords and allows users to log in by clicking a unique link sent to their email.

  13. 13
    Article
    Avatar of supabaseSupabase·2y

    Local-first Realtime Apps with Expo and Legend-State

    Legend-State is a high-performance state and sync library designed to simplify and accelerate the development of local-first mobile and web applications. It integrates seamlessly with Expo, React Native, and Supabase for robust offline functionality and real-time data synchronization. The setup involves creating a new Expo app, configuring necessary dependencies, setting up Supabase for data management, and using Legend-State for efficient state management and data persistence.

  14. 14
    Article
    Avatar of supabaseSupabase·2y

    Using React Query with Next.js App Router and Supabase Cache Helpers

    Learn how to use React Query with Next.js App Router and Supabase Cache Helpers. The article provides step-by-step instructions for installing dependencies, creating a React Query client, generating TypeScript types, creating Supabase clients, automating query key management, writing reusable queries, and fetching data server-side and client-side. The post concludes by discussing the benefits and use cases of using React Query with Server Components.

  15. 15
    Article
    Avatar of supabaseSupabase·2y

    Official Supabase extension for VS Code and GitHub Copilot

    A new GitHub Copilot extension for VS Code, created in collaboration with Anas Araid, enhances the development experience with Supabase. Key features include a Chat Participant for GitHub Copilot to help with Supabase queries, guided database migrations, and tools to inspect tables, views, and functions. Users need the Supabase CLI installed and local project setup. Future updates will integrate the Supabase Management API.

  16. 16
    Article
    Avatar of communityCommunity Picks·2y

    Ultimate Guide to Magic Links

    This post discusses the benefits of using magic links for passwordless authentication, how they work, and provides a guide on implementing them in a Next.js App Router.

  17. 17
    Article
    Avatar of devtoDEV·2y

    How To Make An Insanely Fast AI App (Supabase, LLAMA 3 and Groq)

    Learn how to make an insanely fast AI app using Supabase, LLAMA 3, and Groq. Get started by setting up a Supabase project and calling Llama 3 from the edge. Deploy your function and use it in your front project. Scale your app to millions.

  18. 18
    Article
    Avatar of communityCommunity Picks·2y

    How to Build a React Hook for Telegram Authentication (Step-by-Step)

    Learn how to build a custom React hook for authentication using the Telegram SDK and manage users with Supabase. The guide covers initializing the hook, handling user signup, checking existing users, and triggering the signup process when the app loads. It's a step-by-step tutorial to integrate seamless Telegram-based authentication in your React applications.

  19. 19
    Article
    Avatar of supabaseSupabase·2y

    Build a content recommendation app with Flutter and OpenAI

    Learn how to create a Flutter movie-viewing app that recommends another movie based on what the user is viewing using a vector database and Open AI.

  20. 20
    Article
    Avatar of gopenaiGoPenAI·2y

    Building a Web Page Summarization App with Next.js, OpenAI, LangChain, and Supabase

    Build a web page summarization app using Next.js, OpenAI, LangChain, and Supabase. This app allows users to input any website URL and quickly get a brief summary of the page. Key steps include setting up a Supabase project and API, configuring OpenAI, creating the web app front end, and running the app. This tool helps users save time by providing summaries of long articles, blog posts, or research papers.

  21. 21
    Article
    Avatar of supabaseSupabase·2y

    Create a Figma Clone app with Flutter and Supabase Realtime

    Learn how to use Flutter and Supabase Realtime to create a collaborative design app similar to Figma.

  22. 22
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Build a Mobile Quiz App with React Native, ChatGPT and Supabase

    Learn how to build a mobile quiz app with React Native, ChatGPT, and Supabase. The tutorial covers authentication, database storage, and ranking users based on their scores. Requires basic knowledge of React Native and data fetching in React applications.

  23. 23
    Article
    Avatar of streamStream·2y

    Build a Real-time Collaborative Whiteboard: NextJS, Supabase, Stream Video

    Learn how to build a real-time collaborative whiteboard using NextJS, Supabase, and Stream Video. Understand the features of a collaborative whiteboard and how to create a new Supabase project.