nextbase nextjs supabase starter

NextBase Starter

NextBase Lite é um simples próximo.js 13 + Supabase Boilerplate. Inclui um aplicativo Next.js 13 com CSS de TypeScript, Supabase e Tailwind. Inclui a pasta de app All New, componentes layout , server components React e muito mais!

Características

• Next.js 13 com componentes assíncronos
• Exemplos de busca de dados no servidor React e componentes do cliente. Dados de suspense buscando telas mínimas de carregamento.
• ⚛️ Configuração da consulta react configurada
• Reagir componente de torrada quente
• Totalmente digitado com o TypeScript. Inclui geração de tipo automático para tabelas supabase
• ? Tailwindcss
• ? Testes de unidade e configurações de teste de integração embutidas
• Eslint, TypeScript, mais bonito, PostCSS configurado para ambientes de desenvolvimento e teste
• ? Geração automática de mapa do site
• ? Seo Metadata, JSON-LD e Tags de gráficos abertos com o próximo SEO
• ✍️ Lançamento semântica com geração automática de changelog
• ? Formatador de código mais bonito
• ? Estilo mínimo
• Base de código que é fácil de ler e modificar

Desenvolvimento

1. Clone o repo
2. Instale dependências com yarn
3. Crie uma conta supabase se você ainda não tiver uma
4. Crie um novo projeto em supabase
5. Link Supabase ao seu projeto usando yarn supabase link --project-ref <project-ref> . Você pode obter seu referência do projeto do painel do Projeto Supabase (Configurações do projeto -> API)
6. Duplique .env.local.example e renomeie -o para .env.local e adicione o projeto Ref, URL supabase e chave anon.
7. Empurre o esquema do banco de dados para o seu projeto Supabase usando yarn supabase db push .
8. Gere tipos para suas tabelas supabase usando yarn generate:types:local .
9. Execute yarn dev para iniciar o servidor de desenvolvimento.

Teste

1. Teste de unidade usando yarn test
2. Teste de ponta a ponta usando yarn test:e2e

Implantação

Este é um projeto simples do próximo.js. A implantação é a mesma que qualquer outro projeto Next.js. Você pode implantá -lo no Vercel, Netlify ou qualquer outro provedor de hospedagem.

Contribuindo

Contribuições são bem -vindas. Por favor, abra um problema ou um PR.

Licença

Mit

Solução de problemas

Confira o arquivo Solução de problemas.MD para problemas comuns.

Premium NextBase Boilerplate

Verifique também nosso caldeira premium com mais recursos. Inclui um sistema de autenticação totalmente funcional, perfis de usuário, organizações, segurança no nível da linha e muito mais.