In this article, we’ll learn how to build a Full-stack application using Next.js, Prisma, Postgres, and Fastify. We will build an attendance management demo application that manages employees’ attendance. The flow of the app is simple: an administrative user logs in, creates an attendance sheet for the day, then every employee signs in and out of the attendance sheet.
Table of contents
What Is Next.js?What Is Prisma?What Is Postgres?PrerequisitesProject SetupSetting Up Next.js and FastifyCreating our Fastify ServerPrisma SetupCreating Utility FunctionsStyling the AppCreate the Sidebar ComponentLogin PageSetting Up the Login API RouteSetting Up the Logout API RouteCreating the Dashboard PageSetting up the Create Attendance API RouteSetting Up the Sign Attendance API RouteCreating the Attendance PageCreating the Attendance Sheet PageTesting the AppConclusion1 Comment
Sort: