An open API service indexing awesome lists of open source software.

https://github.com/nuhptr/dashboard-finance

Building website finance dashboard using nextjs, plaid, and hono
https://github.com/nuhptr/dashboard-finance

honojs nextjs plaid

Last synced: about 1 month ago
JSON representation

Building website finance dashboard using nextjs, plaid, and hono

Awesome Lists containing this project

README

        

# Finance Dashboard

Building a dashboard for finance data

## Technologies

### Shadcn

Installation using `bunx --bun shadcn init`

Then if you want install components use `bunx shadcn@latest add [name-component]`

### Clerk

Install clerk with add package `bun add @clerk/nextjs`

Then adding .env file with `NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY` and `CLERK_SECRET_KEY`

### Hono

Install hono with `bun add hono @hono/zod-validator zod`

### Clerk for hono backend

adding for backend `bun add @clerk/backend @hono/clerk-auth`

### React-use

Package for react hoooks & utilities `bun add react-use` - https://github.com/streamich/react-use

### Drizzle-ORM

Install drizzle-orm with `bun add drizzle-orm @neondatabase/serverless`
also `bun add -D drizzle-kit`

for config.ts install `bun add dotenv`

for typesafe insert schema adding `bun add drizzle-zod`

### Tanstack React Query

For react query `bun add @tanstack/react-query`

### For generating uuid

install package `bun add @paralleldrive/cuid2` - https://github.com/paralleldrive/cuid2

### For state management

install `bun add zustand` - https://github.com/pmndrs/zustand