https://github.com/vncsraniery/finansys
Um website moderno e totalmente responsivo feito para gerenciar de forma eficaz as suas finanças pessoais.
https://github.com/vncsraniery/finansys
clerk destaque drizzle honojs neondb nextjs shadcn-ui tailwindcss website
Last synced: 5 months ago
JSON representation
Um website moderno e totalmente responsivo feito para gerenciar de forma eficaz as suas finanças pessoais.
- Host: GitHub
- URL: https://github.com/vncsraniery/finansys
- Owner: VncsRaniery
- Created: 2024-09-24T22:40:46.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-10-17T13:58:32.000Z (9 months ago)
- Last Synced: 2025-10-18T16:49:02.091Z (9 months ago)
- Topics: clerk, destaque, drizzle, honojs, neondb, nextjs, shadcn-ui, tailwindcss, website
- Language: TypeScript
- Homepage: https://finansys-app.vercel.app
- Size: 25.3 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
FinanSys - Gerenciamento Financeiro
## Introdução
FinanSys é um site moderno e totalmente responsivo, construído com uma poderosa pilha de tecnologia. Este projeto mostra o uso de Next.js para renderização no lado do servidor, TailwindCSS para um estilo elegante, UI shadcn para componentes elegantes e Clerk para autenticação segura.
## Tecnologias utilizadas
- **Next.js**: Para construir o site baseado em React.
- **TailwindCSS**: Para estilizar com CSS utilitário.
- **Shadcn UI**: Para componentes UI.
- **Magic UI**: Para componentes UI.
- **Clerk**: Para autenticação de usuários.
- **Hono**: Framework para facilitar a criação de APIs performáticas, com uma sintaxe simples e direta.
- **Neon**: Banco de dados Postgres gerenciado na nuvem, com escalabilidade e alta performance.
- **Drizzle**: facilita a interação com o banco de dados SQL de maneira eficiente e com total suporte à tipagem TypeScript, o que aumenta a segurança do código.
## Início rápido
### Prerequisites
Certifique-se de ter instalado
- Node.js
- Git
- npm / yarn / pnpm / bun
1. Clonar este repositório:
```bash
git clone https://github.com/VncsRaniery/FinanSys
cd FinanSys
```
2. Instale as dependências:
```bash
npm install
```
3. Configurar variáveis de ambientes:
```bash
# app
NEXT_PUBLIC_APP_URL=http://localhost:3000
# clerk
CLERK_SECRET_KEY=
CLERK_PUBLISHABLE_KEY=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_SIGN_UP_FORCE_REDIRECT_URL='/onboard'
# database neon
DATABASE_URL=
```
5. Execute o servidor de desenvolvimento:
```bash
npm run dev
```
6. Abra seu navegador e navegue até http://localhost:3000 para ver o site em ação.
---