@jiraspiom/auth-kit

Login completo para Next.js — 1 linha, 1 pacote, tudo incluso.

npm: https://npmjs.com/package/@jiraspiom/auth-kit Licença: MIT Next.js: 14+ Autor: @jiraspiom | Brasil

Tela de login responsiva + Google + Email/Senha + Rota /api/auth + NextAuth.js Zero configuração extra. Só instalar e usar.

O que é?

Um pacote npm único (@jiraspiom/auth-kit) que entrega:

• UI completa (LoginPage)
• Rota NextAuth (GET / POST em /api/auth/[...nextauth])
• Configuração padrão (Google + Credenciais demo)
• TypeScript + Tailwind + App Router Tudo em um único import.

Instalação

npm install @jiraspiom/auth-kit

Requer: Next.js >= 13.4, React >= 18

Uso (2 arquivos — só isso)

1. Página de login

// app/auth/login/page.tsx import { LoginPage } from '@jiraspiom/auth-kit'; export default LoginPage;

2. Rota de autenticação

// app/api/auth/[...nextauth]/route.ts export { GET, POST } from '@jiraspiom/auth-kit';

Pronto. Acesse: http://localhost:3000/auth/login

Variáveis de Ambiente (.env.local)

Obrigatórias

NEXTAUTH_URL=http://localhost:3000 NEXTAUTH_SECRET=gerada_com_openssl_rand_base64_32

Google OAuth

GOOGLE_CLIENT_ID=seu_client_id.apps.googleusercontent.com GOOGLE_CLIENT_SECRET=seu_client_secret

Demo (email/senha)

[email protected] DEMO_PASSWORD=123

Gere a secret: openssl rand -base64 32

Teste rápido

npm run dev

• Email/Senha: [email protected] / 123
• Google: clique no botão

Personalização (opcional)

// app/api/auth/[...nextauth]/route.ts import { GET, POST } from '@jiraspiom/auth-kit'; import GitHubProvider from 'next-auth/providers/github';

const handler = (req: any, res: any) => GET(req, res, { providers: [ GitHubProvider({ clientId: process.env.GITHUB_ID!, clientSecret: process.env.GITHUB_SECRET! }) ], theme: { colorScheme: 'dark' } });

export { handler as GET, handler as POST };

Estrutura do Pacote

@jiraspiom/auth-kit/ ├── src/ │ ├── components/LoginPage.tsx │ ├── components/LoginForm.tsx │ ├── components/GoogleButton.tsx │ ├── lib/auth-config.ts │ └── route/[...nextauth].ts ├── dist/ ← build (tsup) ├── package.json ├── tsup.config.ts ├── tsconfig.json └── README.md ← este arquivo

Build & Publicação

npm run build npm login npm publish --access public

Contribua

git clone https://github.com/jiraspiom/auth-kit.git cd auth-kit npm install npm run dev

Autor

@jiraspiom Full-Stack Developer | Brasil GitHub: https://github.com/jiraspiom X: https://x.com/jiraspiom

Licença

MIT © jiraspiom

Feito com amor no Brasil 1 pacote. 1 login. Todos os projetos.

Próximo passo: npm install @jiraspiom/auth-kit