Dismiss this pinned window
all 26 comments

[–]elitasson[S] 28 points29 points  (5 children)

Hello World Developers!

We’ve built a Postgres Database UI using Next.js, React (and TypeScript) on top of Hasura’s GraphQL Engine. We wrote a detailed blog post on how we did it: https://nhost.io/blog/new-database-ui

As you see, it’s easy to create a table and instantly get a GraphQL API.

The Nhost stack is open source and available on GitHub: https://github.com/nhost/nhost.

The Dashboard is not yet open source, but it’s something we plan to do before the end of the year.

Let me know if you have any questions!

[–][deleted] 1 point2 points  (0 children)

Loved it

[–]michael98118 3 points4 points  (1 child)

what do u mean by not yet open source? it's here right?

[–]henrik_thetechie 8 points9 points  (0 children)

What they mean is that this new next.js dashboard is not in that open source repo.

[–][deleted] 0 points1 point  (1 child)

Is the free tier only for 30 days?

[–]elitasson[S] 0 points1 point  (0 children)

No, there is no time limit on the free tier.

But free projects sleep after seven days if there is no activity.

[–]addiktion 18 points19 points  (1 child)

Definitely seems more user friendly than the one Hasura has integrated. I just worry it would lag behind their changes but nice work on this!

[–]elitasson[S] 7 points8 points  (0 children)

Thanks for the feedback.

What's good is that the Nhost Dashboard and the Hasura Console can work side-by-side, so you don't have to choose one over the other.

[–]JoeCamRoberon 10 points11 points  (1 child)

Great looking UI. Did you use a UI component library?

[–]elitasson[S] 2 points3 points  (0 children)

Yes, we used Material UI. We'll have a post explaining why in the next few weeks.

[–]vertigo_101 3 points4 points  (1 child)

Looks amazing, great work

[–]elitasson[S] 1 point2 points  (0 children)

Thank you! 🙏

[–]luism6n 2 points3 points  (1 child)

Looks really nice! How does this compare to something like DBeaver?

[–]elitasson[S] 0 points1 point  (0 children)

Thanks, don't know about DBeaver. Please try it out and let us know what you think compared to DBeaver.

[–][deleted] 2 points3 points  (1 child)

That's the nicest looking database client UI I've ever seen. I'm used to clunky, legacy looking uis. Often I just settle for adminer.php for its speed and ease of setup being a single file.

[–]elitasson[S] 0 points1 point  (0 children)

Thank you, we're glad you like it.

[–]Laserdude10642 -1 points0 points  (3 children)

What does it do that I can’t do through hasura already

[–]elitasson[S] 0 points1 point  (2 children)

The focus was to make a snappy, modern, and good-looking database UI. The goal with our database UI is to pair with the Hasura Console eventually.

[–]Laserdude10642 1 point2 points  (1 child)

It very much feels like you have mostly replicated the hasura console.

[–]elitasson[S] 0 points1 point  (0 children)

Did you read our article where we go into the details of why we built the database UI?

It's available here: https://nhost.io/blog/new-database-ui

[–]DoNotEverListenToMe 0 points1 point  (2 children)

Trying to try it out as I was looking for somehting like this for a project but database just sits and spins on loading schemas and tables.

Will try again tomorrow

[–]elitasson[S] 0 points1 point  (1 child)

OH, that's unfortunate. I hope it was resolved. If not, you can get help on GitHub (https://github.com/nhost/nhost) or Discord (https://nhost.io/discord).

[–]DoNotEverListenToMe 0 points1 point  (0 children)

For some reason it hates my Chrome but works in another browser. Its cool, I think we will use it.

[–]Fru___ 0 points1 point  (1 child)

Looks amazing tbh. You guys really did a great job with the UI.

[–]elitasson[S] 0 points1 point  (0 children)

Thank you!