Modelo de partida de assinatura Next.js completa
O kit inicial tudo em um para a construção de aplicativos SaaS de alto desempenho usando o Next.js, Tailwindcss e supabase.
Aviso : este aplicativo é um trabalho em andamento. Estou construindo isso em público. Siga o Progresso no Twitter @AntoineROSS__. Confira os recursos abaixo.
? Características
- ? Pacote de autenticação completa : gerenciamento seguro de usuário e autenticação com supabase
- Gerenciamento de dados : Ferramentas poderosas de acesso e gerenciamento de dados em cima do PostgreSQL com supabase
- ? Integração de faixas : integração perfeita com check -out de faixa e o portal do cliente Stripe
- Preços e assinaturas : sincronização automática de planos de preços e status de assinatura via Webhooks de Stripe
- ? Tailwindcss & Tailwind UI : componentes de interface do usuário personalizados e flexíveis com interface do usuário do vento de cauda
- ⚛️ React 18 : Aproveite os últimos recursos e melhorias com o React 18
- TypeScript : Programação fortemente digitada para uma melhor experiência de desenvolvimento
- ? Shadcn/ui : componentes de interface do usuário bonitos e personalizáveis
- ? Validação de Zod : validação de esquema para manter seus dados seguros e som
- ? Ferramentas de teste : unidade integrada e teste E2E com JEST, React Testing Library e dramaturgo
- Experiência do desenvolvedor : Eslint, mais bonito, Husky e CommitLint para manter a qualidade e a consistência do código
- ? Supabase Storage - incluídos estão configurando políticas e manuseando a compressão de imagem no navegador.
- ⼬ TRPC - incluiu um guia sobre como adicionar um roteador TRPC muito enxuto para sua API. Você só precisa adicionar 3 pastas e 1 arquivo.
- Desenvolvimento local : desenvolva localmente com supabase, docker e um conjunto de comandos personalizados
- Documentação e blog : Utilize o MDX Compiler do projeto Fumadocs de código aberto para documentação e conteúdo do blog.
? Demonstração
Demoção ao vivo
Seção de heróis: 
Visualização do painel: 
Tabela de preços: 
Documentação: 
Blog: 
? Guia de início rápido
Suba e funcionando rapidamente seguindo o guia de início rápido.
Indo ao vivo
1. Produtos de teste de arquivo
Antes de ir ao ar, arquiva todos os produtos de faixa no modo de teste. Mudar a faixa do modo de teste para o modo de produção e atualize suas variáveis de ambiente.
2. REDEMPLATE
Depois de atualizar variáveis de ambiente, reimplema seu aplicativo através do Vercel.
Recursos adicionais
- ? Analytics Ready : fácil integração com ferramentas de análise como o Google Analytics
- I18N Suporte : Internacionalização integrada com paraaglida
- Desempenho do Lighthouse : alcance uma pontuação perfeita com desempenho, acessibilidade e SEO otimizados
? Contribuição
Para contribuir:
- Fork o repositório.
- Crie uma nova filial.
- Faça suas alterações e cometê -las.
- Empurre para o repositório bifurcado.
- Crie uma solicitação de tração.
❤️ Suporte
Se você gosta do projeto, considere deixar uma estrela. ?
Feito por Antoine Ross.
