Web Engineering
Stride-Vault — Sneaker E-Commerce
Next.js 16 / TypeScript storefront using the App Router — Prisma 7 with SQLite via the better-sqlite3 adapter, NextAuth v5 credential auth, seeded product catalog with search query logging, category and price filters, cart, and checkout.
Project Overview
Stride-Vault is a high-performance Next.js 16 and TypeScript sneaker storefront utilizing the App Router. The application is powered by Prisma 7 and SQLite (via the better-sqlite3 adapter) and features NextAuth v5 credential authentication. It integrates a seeded product catalog, search query logging, category/price filters, a cart system, and an elegant checkout workflow. To ensure developer environment parity, a shared database-URL resolver (prisma.config.ts + lib/database-url.ts) was built to keep both the CLI and runtime consistently targeting the same database file across environments. It also features a role-gated admin panel (ADMIN/STAFF) covering inventory CRUD, order management with date-range history filters, and an analytics dashboard. The CI pipeline is automated via GitHub Actions on every push to main.
The Challenge
Resolving database paths between the Prisma CLI and Next.js runtime consistently across environments while implementing role-gated admin functionalities (ADMIN/STAFF) with dynamic inventory CRUD and history filtering.
The Approach
I built a shared database-URL resolver utility (prisma.config.ts + lib/database-url.ts) that guarantees database environment parity. I styled the storefront with clean layouts, implemented search query logging and product filtering, set up NextAuth v5 for credentials-based authentication, designed a role-gated admin dashboard, and configured GitHub Actions to automate linting, building, and validation on every push.
Technical Metrics
A secure, automated storefront featuring custom ORM routing, NextAuth credentials, and production-grade CI/CD pipelines.
Next.js 16
App Router
Prisma 7
ORM (better-sqlite3)
NextAuth 5
Credential Auth
GitHub Actions
CI Pipeline
Technology Stack
Frontend
Next.js 16TypeScriptTailwind CSSFramer Motion
Backend & DB
Next.js App RouterPrisma 7SQLitebetter-sqlite3NextAuth v5
DevOps
GitHub ActionsCI PipelineGit
Process Gallery
Sneaker Storefront Landing
Role-Gated Admin Panel
Prisma Config Resolution
Key Features
Automated deployment pipelines and role-gated administrative control.
NextAuth v5 & Admin Panel
Secure credential auth with role gating (ADMIN/STAFF) protecting inventory CRUD, order history filters, and analytics.
Database URL Resolver
Custom resolver (prisma.config.ts + lib/database-url.ts) ensuring Next.js runtime and Prisma CLI target the same SQLite file.
Automated CI/CD Pipeline
GitHub Actions pipeline running code checks, builds, and tests on every push to the main branch.