New Database UI

Nhost has introduced a new Database UI within its dashboard to enhance the management of Postgres and Hasura GraphQL Engine, addressing user experience and performance issues encountered with the Hasura Console. This UI enables users to manage tables, columns, data, and foreign keys efficiently, featuring inline editing and a familiar workflow for foreign key management. The design process involved extensive user feedback and iterations, utilizing tools like Figma for collaboration. The development incorporated Base UI for accessibility and TanStack Table for customizable data grids, while TanStack Query was employed to manage SQL queries efficiently. The Database UI aims to consolidate backend management for better developer experience and is part of Nhost's ongoing efforts to build a unified design system, with future plans to integrate additional features and open-source the dashboard.