Simple Store with Next.js and Chargily Pay

A modern, Arabic-first e-commerce store starter template built with Next.js and integrated with Chargily Pay for Algerian payment methods (CIB & EDAHABIA).

Features

• 🌟 Modern, clean UI with RTL support
• 🇩🇿 Integrated Algerian payment methods (CIB & EDAHABIA)
• ⚡ Built with Next.js 15 App Router
• 🎨 Styled with Tailwind CSS
• ✨ Smooth animations with Framer Motion
• 📱 Fully responsive design
• 🔤 Arabic-first with Rubik font for Latin text

Prerequisites

• Node.js 18+
• A Chargily Pay account (get one at chargily.com)

Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/simple-store.git
cd simple-store

2. Install dependencies:

npm install

3. Set up environment variables:

cp .env.example .env

Update .env with your Chargily credentials:

CHARGILY_SECRET_KEY=your_secret_key
CHARGILY_PRICE_ID=your_price_id
NEXT_PUBLIC_BASE_URL=http://localhost:3000/

4. Run the development server:

npm run dev

Visit http://localhost:3000 to see your store.

Tech Stack

• Next.js - React framework
• Tailwind CSS - Styling
• Framer Motion - Animations
• Chargily Pay - Payment processing

License

This project is licensed under the MIT License - see the LICENSE file for details.