Lumino

A modern eCommerce website built using Next.js, Sanity, and Shopify, providing a seamless shopping experience.

Table of Contents

• Demo
• Built With
• Features
• Screenshots
• Installation
• Usage
• Contributing
• License

Demo

Check out the live demo of the website here.

Since the shopify store is in development mode, you will need the store password to access the checkout page. The store password is luminostpassword

Built With

• Typescript
• React
• Next.js
• Sanity CMS
• Shopity
• TailwindCSS

Features

• Responsive design for various devices.
• Product browsing and searching.
• Product details with descriptions, images, and pricing.
• Shopping cart functionality.
• Checkout process powered by Shopify.
• Secure payment options.

Screenshots

Installation

1. Clone the repository.

   git clone https://github.com/peter-abah/lumino
   

2. Navigate to the project directory.

   cd lumino
   

3. Install dependencies.

   npm install
   

4. Setup a shopify store and add neccesary env variables. See this guide on setting up Shopify with Nextjs.
5. Create a sanity project and add the project id and dataset id to your env file
6. Add site content to sanity using sanity studio

Usage

To run the website locally:

npm run dev

Visit http://localhost:3000 in your browser to view the website.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these guidelines:

1. Fork the repository.
2. Create a new branch.

   git checkout -b feature/my-feature
   

3. Make your changes and commit them.

   git commit -am 'Add some feature'
   

4. Push to the branch.

   git push origin feature/my-feature
   

5. Create a new pull request.

License

This project is licensed under the MIT License.

Acknowledgements

This site uses the design and assets gotten from Impact Theme Sound which belongs to Maestroo.

Authors

👤 Peter Abah

• GitHub: @peter-abah
• Twitter: @oddabok
• LinkedIn: LinkedIn