A modern, fully-featured e-commerce theme for ikas platform with responsive design and Tailwind CSS styling.
- Responsive Design - Optimized for all screen sizes
- Product Showcase - Beautiful product cards with hover effects
- Hero Slider - Customizable hero banners with animation
- Category Navigation - Featured categories section
- Quick View - Product quick view modal
- Wishlist - Save favorite products
- Product Compare - Compare multiple products
- Recently Viewed - Track recently viewed products
- Newsletter - Email subscription section
- Testimonials - Customer reviews carousel
- Multi-language - Turkish language support
- SEO Friendly - Optimized meta tags
- Next.js - React framework
- TypeScript - Type safety
- Tailwind CSS - Utility-first styling
- ikas Theme SDK - E-commerce functionality
- Swiper.js - Touch-friendly sliders
- Node.js 18+
- Yarn
- ikas store account
# Clone the repository
git clone https://github.com/umutverne/verne-theme.git
# Navigate to project directory
cd verne-theme
# Install dependencies
yarn installCreate config.json with your ikas credentials:
{
"themeId": "your-theme-id",
"themeSecret": "your-theme-secret",
"storefrontId": "your-storefront-id",
"apiKey": "your-api-key"
}# Start development server
yarn devOpen http://localhost:3333 to see the result.
src/
├── components/
│ ├── header/ # Navigation and header
│ ├── footer/ # Footer component
│ ├── hero-slider/ # Hero banner slider
│ ├── product-showcase/ # Product grid
│ ├── product/ # Product card, quick view
│ ├── featured-categories/ # Category section
│ ├── testimonials/ # Reviews carousel
│ ├── newsletter-section/ # Email signup
│ └── ui/ # Reusable UI components
├── pages/ # Next.js pages
└── __generated__/ # ikas generated types
Deploy your theme to ikas:
yarn build
# Follow ikas deployment guideSee ikas deployment docs for details.
MIT
Powered by ikas