Simple application showing authentication flow and session management using react Remix and Supabase

이 애플리케이션은 Supabase를 백엔드로 사용하여 Remix에서 사용자를 생성하고 인증하는 방법을 보여줍니다. 데이터를 위해 서버와 작업하고 API를 호출하는 관리자에게 작업 및 로더가 어떻게 작동하는지 보여줍니다. 대부분의 어려운 작업은 Supabase Session을 관리하는 데 도움이 되는 Remix Session API를 사용하여 관리됩니다.

Remix은 사용자 인터페이스에 집중하고 웹 기본 사항을 다시 검토하여 빠르고 매끄럽고 탄력적인 사용자 경험을 제공할 수 있는 전체 스택 웹 프레임워크입니다.

동영상

소스 코드

아론손더스 / supabase-remix-auth

Remix Supabase 인증 흐름 자습서에 오신 것을 환영합니다.

헤드/메인에도 최신 분기가 있는 각 비디오와 일치하는 별도의 분기가 있습니다.

비디오

파트 1은 다음과 같습니다.

react remix 및 supabase를 사용하여 인증 흐름 및 세션 관리를 보여주는 간단한 응용 프로그램

2부 공개: https://youtu.be/ySQcGc9NICo

저장소 버킷에 업로드하고 Remix 및 Supabase로 데이터를 쓰는 방법

선적 서류 비치

Remix Docs
= Supabase Docs

개발

터미널에서:

npm run dev

이렇게 하면 개발 모드에서 앱이 시작되고 파일 변경 시 자산이 다시 빌드됩니다.

전개

먼저 프로덕션용으로 앱을 빌드합니다.

npm run build

그런 다음 프로덕션 모드에서 앱을 실행합니다.

npm start

이제 배포할 호스트를 선택해야 합니다.

DIY

노드 애플리케이션 배포에 익숙하다면 내장된 Remix 앱 서버를 프로덕션에 사용할 수 있습니다.remix build의 출력을 배포해야 합니다.

build/

public/build/

템플릿 사용

…

View on GitHub