- Next.js 15 – For server components and modern routing
- React 19 – For building user interfaces
- TypeScript – For type safety and modern JavaScript features
- Tailwind CSS v3.4 – For rapid, responsive styling
- Prisma – For type-safe database access
- NextAuth.js – For authentication and authorization
- Radix UI – For accessible UI components
- Zod – For runtime type validation
- React Hook Form – For form handling
- Nodemailer – For email functionality
- Dynamic product catalog with filtering and sorting
- Real-time cart management
- Secure checkout process
- Product categories and search functionality
- Detailed product pages with images and descriptions
- Secure admin authentication
- Product management (CRUD operations)
- Order management
- User management
- Analytics and reporting
- Responsive design for all devices
- Modern, clean interface
- Interactive product carousel
- Dynamic product filters
- Real-time price updates
- Secure authentication with NextAuth.js
- Protected admin routes
- Type-safe database operations
- Input validation with Zod
- Secure API endpoints
- Node.js (v18 or higher)
- pnpm (recommended) or npm
- Git
- Clone the repository:
git clone https://github.com/yourusername/omssc.git
cd omssc- Install dependencies:
pnpm install- Set up environment variables:
Create a
.envfile in the root directory with the following variables:
DATABASE_URL="your_database_url"
NEXTAUTH_SECRET="your_nextauth_secret"
NEXTAUTH_URL="http://localhost:3000"- Set up the database:
pnpm prisma generate
pnpm prisma db push- Start the development server:
pnpm devThe application will be available at http://localhost:3000
pnpm dev- Start development serverpnpm build- Build for production