Sass Starter Template: With Role-Based Auth, Todo App and Subscription Handling

This project serves as saas starter template, featuring role-based authentication using Clerk and a PostgreSQL database with Neon.

Preview Source code

Features

• User authentication with Clerk
• Role-based access control (Admin and User roles)
• Todo management (Create, Read, Update, Delete)
• Subscription-based todo limits
• Admin dashboard for user management

Webhook

This application uses a Clerk webhook to synchronize user data with the database. Specifically, it listens for the user.created event to create a corresponding user record in the database. The webhook handler is implemented in app/api/webhook/register/route.ts. It verifies the webhook signature and creates a new user record in the database when a user is created in Clerk.

Stack

• Next - Next.js is a React framework for building full-stack web applications
• TypeScript - A strongly typed programming language that builds on JavaScript, adding static
• Prisma - Prisma: A next-generation ORM for database access in Node.js and TypeScript.
• Neon DB - Neon DB: A serverless, developer-friendly Postgres database platform.
• PostgreSQL - PostgreSQL: An advanced open-source relational database system.
• Clerk - Clerk: A complete user management solution for authentication, user profiles, and more.
• Svix - Svix: A powerful webhook service for managing and delivering webhooks efficiently.