Cartly

Next.js App Router & Server Components

Used the App Router to leverage Server Components for efficient rendering and Server Actions for secure server-side mutations, reducing unnecessary client-side JavaScript while keeping the architecture scalable.

Better Auth for Authentication

Selected Better Auth to implement secure session management, Google OAuth, email/password authentication, and role-based authorization while keeping authentication logic centralized and type-safe.

Stripe Checkout with Webhooks

Implemented Stripe Checkout together with webhook verification to ensure orders are only created after successful payment confirmation, preventing inconsistencies caused by interrupted client-side payment flows.

MongoDB + Mongoose

Used MongoDB for flexible document storage and Mongoose for schema validation, relationships, indexing, and maintainable data models suitable for a growing e-commerce application.

Reusable Component Architecture

Designed reusable UI components and modular server-side logic to improve maintainability, simplify future feature development, and encourage code reuse across the application.

Guaranteeing data consistency during the checkout process.

Integrated Stripe webhooks so orders are only persisted after Stripe confirms payment success, avoiding duplicate or incomplete orders caused by client-side interruptions.

Designing scalable authentication and authorization.

Built authentication with Better Auth and implemented role-based access control to securely protect admin routes, dashboard features, and server-side operations.

Generating realistic development data.

Created a complete database seeding system that automatically generates users, categories, products, and coupons, allowing the application to be tested immediately after setup.

Maintaining a clean and scalable codebase.

Separated business logic, database operations, reusable components, and server actions into modular layers to keep the project organized and easy to extend.