Online Shop

Overview:

The ZiShop template is an e-commerce site template created using Next.js and TypeScript, with styling done using TailwindCSS. This open-source project is designed to showcase the developer’s portfolio while also being a helpful resource for others. The template includes features like Redux toolkit for state management, Sanity.io for the database, multi-language support, and multi-theme options.

Features:

• Redux Toolkit: Used for state management.
• Sanity.io Database: Integrated for data storage.
• Fully Responsive: Ensures compatibility across devices.
• Multi-language Support: Supports both English and Farsi (Persian).
• Multi-theme Options: Users can switch between Dark and Light themes.

Installation:

1. Sign up on sanity.io to obtain a projectId and token.
2. Clone the project repository.
3. Install project dependencies.
4. Enter the projectId into lib/client.ts.
5. Add an .env file to the root project directory and enter the token into it.
6. Navigate to the sanity\_onlineshop folder, open a new terminal, and run sanity start to initiate the products in the database.
7. Run the development server by opening a terminal in the project root directory and executing the command.
8. Visit http://localhost:3000 in your browser to view the site.
9. Begin editing the pages by modifying pages/index.tsx.

Summary:

The ZiShop template is a feature-rich e-commerce site template built using Next.js and TypeScript. With a focus on Redux for state management and Sanity.io for database integration, the template offers multi-language and multi-theme support. The installation process is straightforward, requiring basic setup steps to get the project running successfully. If you are looking to work on an e-commerce project, ZiShop can be a valuable resource to explore and customize further.