Building an AI webapp(HomeDec) with Hanko, NextJS, Prisma, Supabase and Replicate

This is a tutorial on creating an AI webapp(I like to call it HomeDec :)) to enhance room designs.

The app would have the following functionalities:

1. It would let the user login using passkey or password. It has been done using Hanko.


2. Then display the dashboard page.


3. The dashboard contains a form to upload images to render the designs and display the previously rendered designs.


4. And then options for profile management and logout, implemented using Hanko.

Let's Begin...

First …

ai app authentication building call dashboard display hanko login nextjs page passkey password prisma room supabase tutorial webapp webdev