A modern e-commerce platform for generator sales built with Next.js, featuring both new and second-hand generator products with admin management capabilities.

• Product Management: Full CRUD operations for generators with image upload
• Category System: Organize products by categories
• Second-hand Products: Support for both new and used generators
• Admin Panel: Complete admin interface for product and settings management
• Responsive Design: Mobile-first responsive design with Tailwind CSS
• SEO Optimized: Built-in SEO optimization with Next SEO
• Shopping Cart: Add to cart functionality with WhatsApp integration
• Corporate References: Showcase client testimonials and references
• Contact Integration: Phone and WhatsApp contact integration

• Framework: Next.js 15.4.1 with TypeScript
• Database: PostgreSQL with Prisma ORM
• Authentication: NextAuth.js
• Styling: Tailwind CSS
• UI Components: Framer Motion for animations
• Icons: Lucide React
• File Upload: Multer for image handling
• State Management: TanStack Query (React Query)

• Node.js 18+
• PostgreSQL database
• Bun (recommended) or npm/yarn

1. Clone the repository:

git clone https://github.com/sw3do/satiscore-ecommerce.git
cd satis

2. Install dependencies:

bun install
# or
npm install

3. Set up environment variables:

cp .env.example .env

Update the .env file with your configuration:

DATABASE_URL="postgresql://username:password@localhost:5432/satis_db"
NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET="your-secret-key-here"
ADMIN_EMAIL="[email protected]"
ADMIN_PASSWORD="admin123"
SITE_URL="http://localhost:3000"
COMPANY_PHONE="+1 XXX XXX XXXX"
WHATSAPP_NUMBER="1XXXXXXXXXX"

4. Set up the database:

bun prisma generate
bun prisma db push

5. Run the development server:

bun dev
# or
npm run dev

Open http://localhost:3000 to view the application.

src/
├── components/          # Reusable UI components
├── hooks/              # Custom React hooks
├── lib/                # Utility libraries (Prisma, SEO)
├── pages/              # Next.js pages
│   ├── admin/          # Admin panel pages
│   ├── api/            # API routes
│   ├── products/       # Product pages
│   └── index.tsx       # Homepage
├── styles/             # CSS styles
└── types/              # TypeScript type definitions

Access the admin panel at /admin with the credentials set in your .env file:

• Products Management: Add, edit, delete products
• Categories Management: Manage product categories
• Settings: Configure site settings, company information
• File Upload: Upload and manage product images

• GET /api/products - Fetch products
• POST /api/products - Create new product (admin)
• PUT /api/products/[id] - Update product (admin)
• DELETE /api/products/[id] - Delete product (admin)
• GET /api/settings - Fetch site settings
• PUT /api/settings - Update settings (admin)

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Set environment variables in Vercel dashboard
4. Deploy

1. Build the application:

bun run build

2. Start the production server:

bun start

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Add tests if applicable
5. Submit a pull request

This project is licensed under the MIT License.

For support, please contact [email protected] or create an issue in the repository.