Full-stack Next.js with Nhost and Hasura

In the first post of a series documenting the creation of Botler, an AI butler, the author sets up the foundational aspects of the application using React, Next.js, and Nhost, with a PostgreSQL database and GraphQL APIs deployed via Hasura. Aimed at readers familiar with React, the post guides through configuring a Next.js app with TypeScript, setting up optional tools like TailwindCSS and absolute imports, and establishing a development environment with Nhost and Docker. The tutorial also covers integrating Nhost for backend services, including authentication and serverless functions, and demonstrates connecting the app to Hasura using the NhostApolloProvider for seamless communication. The post concludes with a walkthrough of implementing a login feature using Nhost's authentication, setting up a user session status display, and outlining deployment processes using Vercel and GitHub integration, noting the absence of a registration flow and extensive error handling for now.