Zenis – Multipurpose Next.js E-Commerce Template Documentation

Introduction

Welcome to Zenis , a premium, multipurpose e-commerce template designed for developers and businesses aiming to create cutting-edge online stores. Built with Next.js 15, Tailwind CSS v4, and TypeScript, Zenis combines modern web technologies with a sleek, user-friendly design. Whether you’re launching a single-brand shop or a multi-vendor marketplace, Zenis offers unmatched performance, scalability, and flexibility. This documentation provides a comprehensive guide to help you leverage Zenis for your next e-commerce project.

Key Features

Zenis is equipped with a robust set of features to deliver a seamless and engaging shopping experience:

• Lightning-Fast Performance: Powered by Next.js 15 with static generation and server-side rendering for rapid page loads.
• SEO Optimized: Clean, structured code enhances search engine visibility and discoverability.
• Fully Responsive: Mobile-first design ensures a flawless experience across desktops, tablets, and smartphones.
• Interactive Shopping Cart: A stylish slide-out cart drawer for managing items from any page.
• Dynamic Animations: Engaging “flying product” add-to-cart animation elevates the user experience.
• Wishlist Functionality: Users can save favorite products to a persistent wishlist across sessions.
• Product Comparison Tool: Allows side-by-side comparison of product attributes.
• Multi-Vendor Support: Features like store-based grouping make it ideal for marketplace platforms.
• Advanced Search & Filters: Robust system with text search, category filters, price sliders, and more.

Page Inventory

Zenis includes a complete set of pre-designed pages to meet all e-commerce needs:

E-Commerce & Shop Pages

• Home: Multiple customizable homepage layouts for various niches.
• Shop: Main product listing page with advanced filtering options.
• Product: General product category or listing page.
• Product Details: Detailed single-product view with image gallery, descriptions, and reviews.
• Cart: Dedicated shopping cart page for order review.
• Checkout: Secure, multi-step checkout process.
• Wishlist: Personalized page for saved products.
• Compare: Side-by-side product comparison interface.
• Flash Deals: Dedicated page for time-limited offers and promotions.
• Product Category: Pages organized by specific product categories.
• Product Brand: Pages sorted by brand.

Multi-Vendor & Marketplace Pages

• Store List: Directory of all vendors on the platform.
• Store Details: Individual vendor storefront page.
• Become a Vendor: Registration page for aspiring sellers.

User Account & Authentication

• Sign In / Sign Up: Modern, user-friendly login and registration interfaces.
• Forgot Password: Secure password recovery page.
• My Account: User dashboard for managing profile and order details.
• Order Tracking: Track order status in real time.
• Invoice: Printable invoice template for completed orders.

Informational & Static Pages

• About: Showcase your brand’s story and mission.
• FAQ: Address common customer queries.
• Contact Us: Contact form and information page.
• Privacy Policy: Legal page outlining data privacy practices.
• Terms of Service: Terms and conditions for platform usage.
• Return Policy: Clear guidelines for product returns and refunds.

Blog Pages

• Blog List: Main page for all blog articles.
• Blog Left Sidebar / Right Sidebar: Alternate blog layouts for flexibility.
• Blog Details: Single blog post view with rich formatting.

Utility & Status Pages

• 404 Not Found: Custom error page for invalid URLs.
• Payment Success: Confirmation page for successful transactions.
• Payment Failed: Notification page for failed payment attempts.

Technology Stack

Zenis is built with industry-leading tools to ensure a high-quality development experience.

Design Resources

• Typography:
  • Jost: Bold, modern font for headings.
  • Roboto: Clean, readable font for body text.
  • Oregano: Decorative font for special text elements.
• Images: High-quality placeholder images sourced from Freepik.
• Icons: Extensive icon sets from React Icons, Lucide React, and Heroicons.

Core Libraries & Dependencies

• Animations: Framer Motion for fluid transitions and engaging UI animations.
• Carousels & Sliders: React Slick and Slick Carousel for responsive, dynamic product sliders.
• Image Gallery: React Image Gallery for stunning product image displays.
• Form Elements: React-Select for customizable, advanced form inputs.
• Notifications: React Toastify for sleek, non-intrusive user alerts.
• Printing: React-to-Print for seamless invoice generation and printing.

Why Choose Zenis?

Zenis is the ultimate choice for developers and businesses looking to create a modern, high-performance e-commerce platform. Its combination of Next.js 15, Tailwind CSS v4, and TypeScript ensures scalability, while the feature-rich design caters to diverse e-commerce needs. From single stores to expansive marketplaces, Zenis provides everything you need to succeed in the competitive online retail space.

Getting Started

To begin using Zenis:

1. Download and extract the template files from your Envato Market purchase.
2. Follow the setup instructions in the included README file to install dependencies and configure the project.
3. Customize the template to match your brand’s identity using the provided Tailwind CSS configuration.
4. Deploy your store and start selling!

For additional support, refer to the FAQ page or contact our dedicated support team via the Envato Market platform.