https://github.com/tigawanna/postbase
Simple PostgreSQL GUI for visualizing your databases ,tables and their column types
https://github.com/tigawanna/postbase
postgresql react
Last synced: 9 months ago
JSON representation
Simple PostgreSQL GUI for visualizing your databases ,tables and their column types
- Host: GitHub
- URL: https://github.com/tigawanna/postbase
- Owner: tigawanna
- Created: 2024-01-10T18:25:37.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-03T17:55:59.000Z (about 2 years ago)
- Last Synced: 2025-07-14T19:05:09.333Z (12 months ago)
- Topics: postgresql, react
- Language: TypeScript
- Homepage:
- Size: 2.96 MB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# POSTBASE
An attempt at a Nodejs based PostgresSQL GUI
### Getting started
- clone locally
- have a running Postgres server
- make sure you have a default Postgres with the settings
```ts
postgres({
host: "localhost",
user: "postgres",
password: "postgres",
database: "postgres",
})
```
Connection url can be used but types generation only works on local database
```sh
npm install
npm run dev
```
for best results build and run it first
```sh
npm run build
npm start
```
To use the TypeORM + TypeGraphQL classes add an environment variable with your [Gemini API key](https://makersuite.google.com/app/apikey), its free for simple uses.
https://github.com/tigawanna/postbase/assets/72096712/50ff037e-7364-46ec-a226-e143aa583be4
The output types and classes are stored in the
[ pg directory](pg)
### built using
- [Rakkasjs](https://rakkasjs.org/) Vite frontend + Nodejs backend + useServerSideQuery data fetching hooks
- [Shadcn/UI + Tailwindcss](https://ui.shadcn.com/) Stylings and components
- [Postgresjs](https://github.com/porsager/postgres): low level ORM for PostgresSQL
- [kanel](https://github.com/kristiandupont/kanel): Tool for generating typescript types from Postgres
- [Gemini AI](https://ai.google.dev/) To generate TypeORM + TypeGraphQL classes
- [Shikiji](https://shikiji.netlify.app/) Syntax highlighter , used to style the code blocks
)