triplit

Visão geral

O Triplit é um banco de dados de código aberto que sincroniza os dados entre servidor e navegador em tempo real.

O Triplit fornece um armazenamento de dados de sincronização em tempo real que você pode entrar no seu aplicativo como um pacote digital. Triplit lida armazenando seus dados no servidor e sincroniza de forma inteligente suas consultas aos seus clientes. Chamamos esse tipo de sistema de "banco de dados completo de pilha" - você pode assistir à nossa apresentação à primeira comunidade local nesse novo paradigma aqui.

Triplic reúne:

Sincronização em tempo real com atualizações incrementais e resolução de conflitos no nível da propriedade

? Cache local alimentado por um banco de dados do lado do cliente completo

? Armazenamento durável do servidor com um painel de administração

? Provedores de armazenamento flash

? Atualizações otimistas para fazer com que todas as interações pareçam rápido

? Consulta relacional para modelos de dados complexos

? Modo offline com garantias automáticas de reconexão e consistência

? Rollback e gerenciamento de repetição em atualizações com falha

Eschemas para segurança de dados e conclusão autocompletada

? Autorização que é aplicada no servidor para leitura e gravações

? Colaboração/multiplayer alimentado por CRDTS

? Aste baixa latência com tráfego de rede mínimo usando patches delta

API simples para consultar e mutações de dados em JavaScript de baunilha e reação

✅ Sprimento totalmente aberto!

Visão geral de Monorepo

Em triplit/packages você pode encontrar os vários projetos que alimentam o triplo:

• TriplitDB - projetado para executar em qualquer ambiente JS (navegador, nó, deno, reagir nativo etc.) e fornecer consultas expressivas, rápidas e atualizadas ao vivo, mantendo consistência com muitos escritores em uma rede.
• Biblioteca de navegador Cliente para interagir com o TriplitDBS local e remoto.
• Ferramenta CLI - CLI com comandos para andaime de um projeto, execute o ambiente de desenvolvimento de pilha completa, migre um servidor e muito mais.
• React - React Bindings para @triplic/cliente.
• SVELTE - SVELTE LINHEIRAS PARA @TRILIT/CLIENTE.
• Console - App para visualizar e mutar dados em projetos triplicados e gerenciar seus esquemas.
• Servidor - Node Server para sincronizar dados entre clientes triplitados.
• Servidor -Core - Biblioteca Agnóstica de Protocolo para Construir Servidores Executados Triplit.
• DOCs - Docs triplo, construídos com Nextra.
• Tipos - Tipos compartilhados para vários projetos triplicados.
• UI - Componentes da interface do usuário compartilhados para projetos de front -end triplit, construídos com Shadcn.

Início rápido

Inicie um novo projeto.

npm create triplit-app@latest my-app

Ou adicione as dependências a um projeto existente.

npm install --save-dev @triplit/cli
npm run triplit init

Defina um esquema no my-app/triplit/schema.ts .

 import { Schema as S , ClientSchema } from '@triplit/client' ;

export const schema = {
  todos : {
    schema : S . Schema ( {
      id : S . Id ( ) ,
      text : S . String ( ) ,
      completed : S . Boolean ( { default : false } ) ,
    } ) ,
  } ,
} satisfies ClientSchema ;

Inicie o servidor de sincronização de desenvolvimento triplit.

npm run triplit dev

Isso produzirá algumas variáveis ambientais importantes que seu aplicativo precisará sincronizar com o servidor. Adicione -os ao seu arquivo .env (exemplo vite abaixo).

VITE_TRIPLIT_SERVER_URL=http://localhost:6543
VITE_TRIPLIT_TOKEN=copied-in-from-triplit-dev

Defina uma consulta no seu aplicativo (Exemplo de reação abaixo).

 import { TriplitClient } from '@triplit/client' ;
import { useQuery } from '@triplit/react' ;
import { schema } from '../triplit/schema' ;

const client = new TriplitClient ( {
  schema ,
  serverUrl : import . meta . env . VITE_TRIPLIT_SERVER_URL ,
  token : import . meta . env . VITE_TRIPLIT_TOKEN ,
} ) ;

function App ( ) {
  const { results : todos } = useQuery ( client . query ( 'todos' ) ) ;

  return (
    < div >
      { Array . from ( todos . values ( ) ) . map ( ( todo ) => (
        < div key = { todo . id } >
          < input
            type = "checkbox"
            checked = { todo . completed }
            onChange = { ( ) =>
              client . update ( 'todos' , todo . id , ( todo ) => ( {
                todo . completed = ! todo . completed ,
              } )
            }
          / >
          { todo . text }
        </ div >
      ) ) }
    </ div >
  );
}

Inicie seu aplicativo, abra outra guia do navegador e assista à sincronização de dados em tempo real.

Leia o guia completo para começar aqui. Para um tutorial ainda mais detalhado e explicativo, consulte este guia passo a passo para criar um aplicativo TODO em tempo real com Triplit, Vite e React.

Contate-nos

Se você estiver interessado em obter acesso antecipado ao Triplit Cloud (atualmente na visualização do desenvolvedor), inscreva -se aqui para entrar na lista de espera.

A melhor maneira de entrar em contato é se juntar à nossa discórdia! Estamos aqui para responder a perguntas, ajudar os desenvolvedores a começar com o Triplit e a visualizar novos recursos.

Você pode nos seguir no Twitter/x para ver nossos anúncios mais recentes.