Remix.run::CRUD com Supabase - Parte 02 - Instalando o Supabase

소개

기본 부품은 기본 페이지에 대한 구성Supabase 및 설치에 대한 최종 요금 supabase-js 을 포함하지 않습니다.

마지막으로, 수파베이스에서 무엇을 하시겠습니까?

De acordo com a própria página do Supabase ele é uma alternativa de código aberto ao Firebase. 그러나 제품의 백엔드에 필요한 서비스 및 서비스를 수행하는 데 필요한 작업이 있습니다. 포네센도:

Postgres의 Base de dados;

Autenticação com gerenciamento de usuários;

Aramazenamento de arquivos; e

Fornecimento de uma API instantânea

Criando a base de dados no Supabase

링크 https://app.supabase.io/ 에 액세스하고 GitHub에서 botão를 클릭하지 않고Sign In with GitHub, 이미지 abaixo를 준수하십시오.


Será solicitado que você dê autorização, clique no botão Autorize supabase , 이미지 abaixo를 따르십시오:


Feito o login, clique no botão New project , será solicitado que você selecione uma organização.

Por default o Supabase cria a organização com o usuarioGitHub's Org

Após selecionar a organização aperecerá um formulário para que você preencha os dados do seu projeto Supabase, conforme a imagem abaixo:


Preencha os campos do formulário da seguinte forma:

Name: Remix Blog com Supabase
Database password: crie a senha que você quiser > Region: Para o meu caso o sistema indicou East US (North Virgínia) > Princing Plan: Free tier

Preenchido os campos, clique em Create new project e aguarde o Supabase acabar de criar seu projeto.

Na janela que será aberta (Project Building) você já terá algumas informações importantes do seu projeto, como Project API Keys e Project Configuration, as quais não iremos utilizar agora.

Criando a nossa tabela do Blog

O Dashboard do Supabase possui um menu lateral onde ficam os links que irão direcionar para os serviços que são disponibilizados:


Clique no menu Table editor e depois em Create new table . 아니 공식 que será aberto preencha com:

Name: posts
Description: Posts do nosso Blog

E adicione as colunas abaixo clicando emadd column:
특히, 추가 추가 접미사 aos nomes dos campos das minhas tabelas. É um gosto pessoal, pois acho mais descritivo. Você é livre para criar os campos com os nomes da forma que você quiser. 😉

a tabela는 ficará assim을 게시합니다.

이름
유형
기본값
주요한


post_id
int8

체크

post_uuid
uuid
uuid_generate_v4()

post_author
텍스트


post_title
텍스트


포스트_텍스트
텍스트


사후 상황
varchar
ㅏ

post_created_at
타임스탬프
지금()



Adicionados os campos, clique em create . Se tudo estiver corrido bem a tabelaposts aparecerá emTable editor .

Instalando o Supabase no nosso projeto

Vá até a 파스타 raiz do projeto, onde o remix-supabase foi criado e rode o comando:

npm i -E @supabase/supabase-js

설치 명령을 내리거나 클라이언트는 더 이상 응용 프로그램을 사용할 수 없습니다.

Na parte 03 iremos criar o nosso cliente Supabase na nossa aplicação. 테 베조 라! 😉

엠 브리브!

Parte 04 - 신규 등록 및 신규 등록

Parte 05 - Trabalhando com 공식

Parte 06 - 신규 등록 등록 테스트