https://github.com/bolajiayodeji/hh-store

Demo of a fully functional e-commerce store and blog for my "Integrating Hashnode Headless CMS with Ecommerce Platforms" tutorial.
https://github.com/bolajiayodeji/hh-store

commerce-layer ecommerce hashnode hashnode-api headless-hashnode sanity

Last synced: 6 months ago
JSON representation

Demo of a fully functional e-commerce store and blog for my "Integrating Hashnode Headless CMS with Ecommerce Platforms" tutorial.

• Host: GitHub
• URL: https://github.com/bolajiayodeji/hh-store
• Owner: BolajiAyodeji
• License: mit
• Created: 2024-01-25T10:17:58.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-07T20:58:35.000Z (7 months ago)
• Last Synced: 2025-04-10T03:52:14.972Z (6 months ago)
• Topics: commerce-layer, ecommerce, hashnode, hashnode-api, headless-hashnode, sanity
• Language: TypeScript
• Homepage: https://hh-store.vercel.app/blog
• Size: 44.8 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Headless Hashnode Store

A demo of a fully functional e-commerce store and blog for this [Integrating Headless Hashnode with E-commerce Platforms for Content-Driven Commerce](https://hashnode.com/blog/integrating-hashnode-headless-cms-with-ecommerce-platforms-for-content-driven-commerce) tutorial.

[![Headless Hashnode Store](./images/preview.jpg)](https://hashnode.com/headless?utm_source=bolajiayodeji)

---

## Getting Started

> [!NOTE]

> 

> To run this project locally, install all dependencies using the `pnpm install` command and add all the required environmental variables using the `.env.example` files.




The store is built with [commercelayer-sanity-template](https://github.com/commercelayer/commercelayer-sanity-template) (live demo: ), and the code is located in `packages/ecommerce-store`, so run the command below to start it up:

```bash

cd packages/ecommerce-store && pnpm run dev

```

The blog is built with Hashnode's [starter-kit](https://github.com/Hashnode/starter-kit) (live demo: ), and the code is located in `packages/hashnode-blog`, so run the command below to start it up:

```bash

cd packages/hashnode-blog && pnpm run dev

```

✅ That's all! This will run the store at `localhost:3000`, content studio at `localhost:3000/studio`, and blog at `localhost:3000/studio`.

## Store Preview

![](./images/demo-1.png)

![](./images/demo-2.png)

![](./images/demo-3.png)

![](./images/demo-4.png)

## Blog Preview

![](./images/demo-5.png)

![](./images/demo-6.png)

![](./images/demo-7.png)