Authentication

You are building a simple task manager in DYPAI. Over the course you will add authentication, tables and endpoints, storage, an AI assistant, and later payments. This video starts with authentication—but first you must connect your project to DYPAI.

What this video covers

IDE and project
Use any AI-capable editor you like—Cursor, Windsurf, Claude Code, Visual Studio Code, etc. The example uses an empty Next.js app (a single demo page) so you can follow along even if you “know nothing” about DYPAI yet.

Connect MCP
In DYPAI, open Connect for your project and wire the MCP into your IDE (the exact menu depends on the editor). Add the DYPAI tool; once connected, DYPAI tools should appear for your project.

Choose a model
The tutorial uses a fast model (Composer 2 in the video), but you can use Claude, Gemini, GPT, or whatever you prefer.

Ask the AI to build auth
Prompt your agent to build full authentication for the app using DYPAI: login, register, forgot password, change password. You do not need to be a DYPAI specialist—the agent can lean on documentation and MCP tools.

Dependencies
Ask the agent to check that the DYPAI client SDK and related packages are installed. If something is missing, have it install what the docs require so you are not doing it by hand.

Implementation
The agent will call DYPAI tools, read docs, and gradually create the frontend pages. Wait until the run finishes.

Environment URL
You still need to tell the frontend where your DYPAI project lives on the internet—same idea as in the first tutorial (setup / connection). In Next.js, copy the public project URL from the DYPAI dashboard (the snippet shown for your stack), put it in .env.local (for example NEXT_PUBLIC_DYPAI_URL=...), then restart the dev server so environment variables reload.

Test the flow
Open your app: register with name, email, and password. DYPAI sends a verification email—open it, confirm, and you should be redirected back into the app. Then sign in and confirm the session works. From there you can sign out and verify again.

Other auth modes
DYPAI supports more auth options; those are left for other videos so this one stays focused.

What you'll learn

• Connecting MCP and using DYPAI tools from your IDE
• Having the agent scaffold auth pages wired to DYPAI Auth
• Installing and configuring the client SDK via prompts
• Setting .env.local with your project URL and restarting the app
• Email verification and a working login / logout loop

Next

Continue with Tables & endpoints to design tasks, APIs, and the rest of the app—then storage, AI agent, and payments (for example Stripe for a Premium or Pro plan).