freeCodeCamp·3y8 React Projects to Build in 2023
8 React Projects to Build in 2023 will show you what's possible to make with React. Check out the React Bootcamp to see how to make each of them step-by-step. Todo apps are a great project to begin with because you don't need any third-party libraries to build them.
freeCodeCamp·3yLearn Full Stack Development with Next.js and Supabase by Building a Twitter Clone.
Learn Full Stack Development with Next.js 13, Tailwind CSS, TypeScript, and Supabase by building a Twitter clone. The course is designed around a project-based learning approach, providing you with the opportunity to gain hands-on experience as you create a functional, full-stack Twitter clone.
Supabase·2ySupabase is now compatible with Next.js 14
Next.js 14 was released with performance and stability improvements, including server actions. Supabase is fully compatible with Next.js 14 and has a package called @supabase/ssr and a starter template to simplify building Next.js apps with Supabase.
asayer·3yBuild an app with React and Supabase
Build an app with React and Supabase Back this tutorial will explore building a basic CRUD (Address Book) application using React. We will set up a Supabase database, connecting a React application to it and implementing CRUD operations in our application. By the end of this tutorial, you will have a solid understanding of how to use Supabase.
Livecycle·3yBuilding a Slack clone Including Preview Environments, Using Next.js and Supabase
Building a Slack clone Including Preview Environments, Using Next.js and Supabase, using next.js. We’ll also set up preview environments for every commit in every branch, complete with all the running services. Preevy will build and deploy our app using a cloud provider, in this case cheap AWS Lightsail VMs.
asayer·3yAuthentication in React with Supabase
Learn how to implement user authentication in React applications using Supabase. Supabase is an open-source alternative to Firebase that provides numerous features, such as authentication, database, storage, and real-time APIs. By following the step-by-step instructions in this article, you'll be able to set up a React project with Supabase, implement user registration, login, password reset, and handle page reloads. With Supabase, you can quickly add secure user authentication to your React applications without the need for a dedicated backend.
Supabase·3yOffline-first React Native Apps with Expo, WatermelonDB, and Supabase
The article discusses the benefits and drawbacks of using an offline-first approach in React Native apps. It introduces WatermelonDB as an open-source solution for handling data in mobile apps and explains how to sync the app with a Supabase backend using Remote Procedure Calls and Supabase Realtime.
Supabase·3yWhy we'll stay remote
In 2020-2021 we had the 'Remote Revelation' where everyone and their dog realized they can do their job perfectly well from the comfort of their own home. Now in 2023, there’s been whiplash back to the office with larger companies fighting especially hard to convince their employees to return to their desks.
Supabase·3ySupabase Studio 3.0: AI SQL Editor, Schema Diagrams, and new Wrappers
Supabase Studio 3.0: AI SQL Editor, Schema Diagrams, and Wrappers.0 is here, with some huge new features. Supabase AI is aware of the SQL snippet in the editor and can modify it for you. You can ask it to change to, for example, for example.
asayer·3yCreate a Contacts App with React and Supabase
Create a Contacts App with React and Supabase Back Supabase is an open-source alternative to Firebase. This article will elaborate on using Supabase’s storage feature to create a contacts management app using the popular React tool. In this tutorial, we’ll create a contact management app.
Supabase·3yWhat is new in PostgREST v11.1?
PostgREST 11.1 is now available on the Supabase platform. Impersonated Role Settings is a new feature to prevent web users from running expensive queries. With a statement timeout, expensive queries will still get executed for a length of time. This abort queries at the planning phase, before they get executed.
Supabase·3yVercel Integration and Next.js App Router Support
New Vercel integration streamlines the process of creating, deploying, and maintaining web applications. Vercel's open source framework, Next.js, is the most popular frontend framework for Supabase developers. With the click of a button you can have an full-stack application running in less than a minute.
Supabase·3yReact Native file upload with Supabase Storage
React Native file upload with Supabase Storage is a great choice for this as it provides a simple API to upload files. We can easily combine this with authentication to build a powerful app. This means you can quickly build your own image-sharing app or any other app that needs toupload files to a backend.
DEV·2ySetting up Next.js project with prisma
Learn how to set up a Next.js project with Prisma, Supabase, and Shadcn. The article provides step-by-step instructions to initialize the project, install Prisma, sync the database with the schema, set up Shadcn themes, and configure Supabase for authentication.
Stream·3yWhatsApp Web Clone Tutorial: User Authentication & Chat
The article provides a tutorial on building a WhatsApp web clone using NextJS and Supabase for user authentication. It also explains how to add messaging functionality with Stream Chat. The tutorial covers steps for installing the required tooling, setting up the project, implementing user authentication using Supabase, and creating and connecting a Stream Chat project. The article also includes instructions on testing the progress and building the chat interface. The author mentions that the next steps involve making the application look more like WhatsApp and adding video calling functionality.
