feat: initial commit - 1000apps SaaS container

This commit is contained in:
Carlos
2026-06-29 08:26:45 +02:00
commit d8fb36e6c3
28 changed files with 3092 additions and 0 deletions
+85
View File
@@ -0,0 +1,85 @@
import { useState } from "react"
import { useRouter } from "next/router"
export default function SignIn() {
const [username, setUsername] = useState("")
const [password, setPassword] = useState("")
const [error, setError] = useState("")
const [loading, setLoading] = useState(false)
const router = useRouter()
const handleSubmit = async (e) => {
e.preventDefault()
setError("")
setLoading(true)
try {
const res = await fetch("/api/auth/signin", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ username, password })
})
const data = await res.json()
if (res.ok && data.ok) {
// Set session cookie
document.cookie = `next-auth.session-token=${data.token}; path=/; SameSite=Lax`
router.push("/dashboard")
} else {
setError(data.error || "Erro ao entrar")
}
} catch (err) {
setError("Erro de conexão")
} finally {
setLoading(false)
}
}
return (
<div className="min-h-screen bg-gray-50 flex items-center justify-center">
<div className="bg-white p-8 rounded-lg shadow-md w-96">
<h2 className="text-2xl font-bold mb-6">Entrar - 1000Apps</h2>
{error && (
<div className="bg-red-100 text-red-700 p-3 rounded mb-4">
{error}
</div>
)}
<form onSubmit={handleSubmit} className="space-y-4">
<input
type="text"
placeholder="Nome de usuário"
value={username}
onChange={(e) => setUsername(e.target.value)}
className="w-full p-2 border rounded"
required
/>
<input
type="password"
placeholder="Senha"
value={password}
onChange={(e) => setPassword(e.target.value)}
className="w-full p-2 border rounded"
required
/>
<button
type="submit"
disabled={loading}
className="w-full bg-blue-600 text-white py-2 rounded-lg disabled:opacity-50"
>
{loading ? "Entrando..." : "Entrar"}
</button>
</form>
<p className="text-center mt-4 text-sm">
Não tem conta?{" "}
<a href="/signup" className="text-blue-600 hover:underline">
Cadastrar
</a>
</p>
</div>
</div>
)
}