Starter Kit SaaS com Next.js + Supabase
Comece o seu SaaS pela parte que só você pode construir
Uma base de projeto em Next.js com Supabase já conectado: estrutura de pastas, autenticação e banco de dados prontos para receber a regra de negócio do seu produto.
- Produto
- Starter Kit SaaS com Next.js + Supabase
- Formato
- Código-fonte e guia de configuração
- Entrega
- Acesso enviado por e-mail após a confirmação do pagamento
- Pagamento
- Checkout seguro da Kiwify
R$ 49,90
Direito de arrependimento de 7 dias, conforme o Código de Defesa do Consumidor.
Todo SaaS começa pelas mesmas tarefas
Antes da primeira funcionalidade que realmente diferencia o seu produto, quase todo projeto passa pelo mesmo roteiro: criar o projeto, decidir a estrutura de pastas, configurar variáveis de ambiente, conectar o banco, montar cadastro e login, proteger as páginas que só usuários logados podem ver.
Nada disso é difícil sozinho. O problema é a soma. Cada decisão leva tempo, cada integração tem seus detalhes, e quando você termina a fundação a vontade de construir a ideia já esfriou um pouco.
O Starter Kit existe para encurtar esse começo. Você parte de um projeto que já passou por essas etapas e vai direto para o que torna o seu SaaS diferente dos outros.
Do pagamento ao primeiro deploy
O caminho é o mesmo de qualquer projeto Next.js, com a diferença de que a fundação já está feita.
Passo 1
Receba o acesso
Depois da confirmação do pagamento, a Kiwify envia as instruções de acesso para o seu e-mail.
Passo 2
Instale o projeto
Baixe o código-fonte, instale as dependências e abra o projeto no seu editor.
Passo 3
Conecte o Supabase
Crie um projeto no Supabase e copie as chaves para o arquivo de variáveis de ambiente, seguindo o guia.
Passo 4
Construa e publique
Rode localmente, desenvolva as funcionalidades do seu produto e publique quando estiver pronto.
O que muda no seu dia a dia
- Você começa pela regra de negócio
- A estrutura inicial já existe, então o primeiro dia de projeto vai para a funcionalidade principal do produto e não para configuração.
- Nada fica escondido
- É código-fonte, não uma plataforma fechada. Você lê, entende e altera qualquer parte para encaixar no seu caso.
- Login e cadastro deixam de ser um projeto à parte
- A autenticação, que costuma ser uma das partes mais trabalhosas de um SaaS, já vem integrada com o Supabase Auth.
- Sem servidor para manter
- O Supabase cuida de banco Postgres, autenticação e armazenamento como serviço gerenciado. Você foca na aplicação.
- Uma estrutura que aguenta crescer
- A organização de pastas foi pensada para o projeto ganhar páginas e funcionalidades sem virar um emaranhado.
- Stack com muita documentação
- Next.js e Supabase são amplamente usados. Quando surgir uma dúvida, há documentação oficial e comunidade para consultar.
O que vem no kit
O material está dividido em quatro partes. Cada uma resolve uma etapa da fundação do projeto.
Base do projeto
O esqueleto da aplicação, já com as decisões iniciais tomadas.
- Next.js com App Router e TypeScript
- Estrutura de pastas organizada por responsabilidade
- Arquivo de variáveis de ambiente de exemplo
Autenticação
Os fluxos de conta que quase todo SaaS precisa, ligados ao Supabase Auth.
- Cadastro e login de usuários
- Rotas protegidas para quem está autenticado
- Gerenciamento de sessão e logout
Banco de dados
A conexão com o Postgres do Supabase pronta para usar no servidor e no navegador.
- Cliente Supabase configurado para servidor e navegador
- Exemplo de tabela com políticas de segurança (RLS)
Guia de configuração
O passo a passo para sair do arquivo baixado até o projeto no ar.
- Como criar e configurar o projeto no Supabase
- Como rodar o projeto na sua máquina
- Orientações para fazer o deploy
Por que Next.js e Supabase
A escolha da stack define quanto trabalho você terá depois. Esta combinação equilibra produtividade e controle.
Next.js
Framework React mantido pela Vercel. Junta páginas, rotas de API e renderização no servidor no mesmo projeto, o que reduz a quantidade de peças para manter em um produto pequeno ou médio.
Supabase
Plataforma que entrega banco Postgres, autenticação, armazenamento de arquivos e APIs automáticas. Tem plano gratuito para começar e você continua com um Postgres de verdade por baixo.
Row Level Security
Com RLS, as regras de quem pode ler e alterar cada linha ficam no próprio banco. Mesmo que alguém tente acessar a API diretamente, o Postgres aplica as permissões.
-- Cada usuário só enxerga os próprios registros
create policy "dono pode ler"
on projects for select
using (auth.uid() = user_id);Para quem é
Veja se o material combina com o seu momento antes de comprar.
Faz sentido se você é
- Devs que querem tirar um MVP do papel mais rápido
- Freelancers que começam projetos SaaS com frequência
- Quem já conhece React e quer uma base organizada com Supabase
Não faz sentido se você é
- Quem procura um produto pronto, sem mexer em código
- Quem quer um SaaS completo para revender
- Quem não pretende usar Supabase como backend
O que você precisa ter
- Conhecimento básico de React e JavaScript ou TypeScript
- Node.js instalado na sua máquina
- Uma conta no Supabase (existe plano gratuito)
O que o kit não faz por você
Para você saber exatamente o que está comprando:
- Não é um SaaS pronto. As funcionalidades específicas do seu produto você desenvolve em cima da base.
- Não inclui hospedagem nem conta no Supabase. Esses serviços são contratados por você, direto com cada empresa.
- Não ensina React ou JavaScript do zero. O kit parte do princípio de que você já conhece o básico.
A fundação está feita. Falta a sua ideia.
Comece o próximo SaaS com a estrutura, a autenticação e o banco já resolvidos.
- Produto
- Starter Kit SaaS com Next.js + Supabase
- Formato
- Código-fonte e guia de configuração
- Entrega
- Acesso enviado por e-mail após a confirmação do pagamento
- Pagamento
- Checkout seguro da Kiwify
R$ 49,90
Direito de arrependimento de 7 dias, conforme o Código de Defesa do Consumidor.
Dúvidas frequentes
Preciso ser um desenvolvedor experiente?
Não precisa ser sênior, mas é importante conhecer o básico de React e JavaScript ou TypeScript. Sem isso, adaptar o código vai ser difícil.
O kit é um SaaS pronto?
Não. É a fundação: estrutura, autenticação e conexão com o banco. O que faz o seu produto ser único você constrói em cima dela.
Vou precisar pagar pelo Supabase?
Para desenvolver, o plano gratuito do Supabase costuma ser suficiente. Em produção, os custos dependem do seu uso e são cobrados pelo Supabase. Eles não fazem parte do valor do kit.
Onde posso hospedar o projeto?
Em qualquer plataforma que rode aplicações Next.js, como a Vercel. A escolha e a contratação da hospedagem ficam com você.
Como recebo o acesso depois da compra?
A compra é feita pela Kiwify. Assim que o pagamento é confirmado, a Kiwify envia as instruções de acesso para o e-mail que você informou no checkout. Se não encontrar a mensagem, confira a caixa de spam e a aba de promoções.
Quais formas de pagamento são aceitas?
As opções disponíveis aparecem no próprio checkout da Kiwify, na hora da compra.
Digitei o e-mail errado no checkout. E agora?
O acesso vai para o e-mail informado na compra. Se houve erro de digitação, entre em contato pelo suporte da Kiwify com os dados do pedido para corrigir.
E se eu me arrepender?
Compras feitas pela internet têm direito de arrependimento de 7 dias, previsto no Art. 49 do Código de Defesa do Consumidor. O pedido de reembolso é feito pela própria Kiwify.