Tudo que você precisa para começar
Guias completos, exemplos de código e boas práticas para ajudá-lo a construir e lançar seu SaaS mais rápido com nosso boilerplate Next.js + Supabase.
Primeiros Passos
Instalação e Setup
Clone o repositório, instale as dependências e configure suas variáveis de ambiente para ter seu ambiente de desenvolvimento rodando em minutos.
Configuração
Configure Supabase, Stripe, provedores de autenticação e todas as integrações necessárias com instruções passo a passo.
Primeiros Passos
Aprenda a estrutura do projeto, entenda a organização das pastas e comece a construir suas primeiras funcionalidades com confiança.
Recursos Principais
Autenticação
Supabase Auth com Google OAuth, magic links e autenticação por email/senha. Inclui gerenciamento de sessão e rotas protegidas.
Banco de Dados e Storage
Banco PostgreSQL com políticas Row Level Security, migrações automáticas e armazenamento de arquivos com otimização de imagens.
Integração de Pagamentos
Integração completa com Stripe, gerenciamento de assinaturas, webhooks e portal do cliente para processamento de pagamentos.
Internacionalização
Suporte a múltiplos idiomas com next-intl, detecção automática de locale e gerenciamento fácil de traduções para alcance global.
Guias Passo a Passo
Integração Supabase
Guia completo para usar Supabase para autenticação, queries no banco, assinaturas em tempo real e storage.
Configuração do Stripe
Configure produtos, preços, webhooks e implemente a lógica de assinatura do Stripe com boas práticas.
Guia de Deploy
Publique sua aplicação na Vercel com CI/CD automático, variáveis de ambiente e otimizações para produção.
Personalização
Aprenda a personalizar o design system, adicionar novos recursos e adaptar o boilerplate às suas necessidades.
Exemplo Rápido de Código
Aqui está um exemplo simples de como usar a autenticação do Supabase na sua aplicação:
// Example: Using Supabase Auth
import { createClient } from '@/app/lib/supabase/client'
const supabase = createClient()
// Sign in with Google
const { data, error } = await supabase.auth.signInWithOAuth({
provider: 'google',
options: {
redirectTo: `${window.location.origin}/auth/callback`
}
})
// Get current user
const { data: { user } } = await supabase.auth.getUser()
// Sign out
await supabase.auth.signOut()Pronto para construir seu SaaS?
Obtenha acesso instantâneo ao boilerplate completo e comece a entregar mais rápido hoje.
Começar Agora